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 001/358] 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 002/358] 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 003/358] 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 004/358] 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 005/358] 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 006/358] 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 007/358] 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 008/358] 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 009/358] 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 010/358] 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 011/358] 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 012/358] 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 013/358] 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 014/358] 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 015/358] 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 016/358] 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 017/358] 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 018/358] 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 019/358] 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 020/358] 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 021/358] 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 022/358] 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 023/358] 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 024/358] 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 025/358] 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 026/358] 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 027/358] 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 028/358] 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 029/358] 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 030/358] 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 031/358] 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 032/358] 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 033/358] 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 034/358] 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 035/358] 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 036/358] 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 037/358] 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 038/358] 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 039/358] 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 040/358] 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 041/358] 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 042/358] 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 043/358] 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 044/358] 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 045/358] 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 046/358] 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 047/358] 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 048/358] 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 049/358] 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 050/358] 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 051/358] 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 052/358] 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 053/358] 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 054/358] 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 055/358] 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 056/358] 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 057/358] 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 058/358] 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 059/358] 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 060/358] 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 061/358] 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 062/358] 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 063/358] 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 064/358] 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 065/358] 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 066/358] 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 067/358] 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 068/358] 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 069/358] 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 070/358] 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 071/358] 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 072/358] 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 073/358] 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 074/358] 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 075/358] 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 076/358] 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 077/358] 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 078/358] 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 079/358] 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 080/358] 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 081/358] 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 082/358] 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 083/358] 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 084/358] 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 085/358] 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 086/358] 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 087/358] 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 088/358] 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 089/358] 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 090/358] 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 091/358] 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 092/358] 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 093/358] 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 094/358] 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 095/358] 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 096/358] 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 097/358] 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 098/358] 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 099/358] 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 100/358] 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 101/358] 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 102/358] 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 103/358] 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 104/358] 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 105/358] 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 106/358] 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 107/358] 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 108/358] 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 109/358] 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 110/358] 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 111/358] 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 112/358] 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 113/358] 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 114/358] 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 115/358] 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 116/358] 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 117/358] 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 118/358] 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 119/358] 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 120/358] 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 121/358] 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 122/358] 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 123/358] 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 124/358] 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 125/358] 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 126/358] 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 127/358] 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 128/358] 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 129/358] 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 130/358] 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 131/358] 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 132/358] 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 133/358] 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 134/358] 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 135/358] 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 136/358] 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 137/358] 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 138/358] 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 139/358] 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 140/358] 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 141/358] 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 142/358] 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 143/358] 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 144/358] 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 145/358] 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 146/358] 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 147/358] 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 148/358] 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 149/358] 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 150/358] 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 151/358] 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 152/358] 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 153/358] 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 154/358] 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 155/358] 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 156/358] 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 157/358] 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 158/358] 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 159/358] 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 160/358] 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 161/358] 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 162/358] 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 163/358] 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 164/358] 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 165/358] 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 166/358] 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 167/358] 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 168/358] 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 169/358] 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 170/358] 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 171/358] 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 172/358] 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 173/358] 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 174/358] 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 175/358] 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 176/358] 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 177/358] 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 178/358] 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 179/358] 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 180/358] 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 181/358] 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 182/358] 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 183/358] 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 184/358] 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 185/358] 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 186/358] 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 187/358] 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 188/358] 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 189/358] 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 190/358] 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 191/358] 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 192/358] 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 193/358] 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 194/358] 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 195/358] 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 196/358] 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 197/358] 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 198/358] 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 199/358] 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 200/358] 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 201/358] 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 202/358] 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 203/358] 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 204/358] 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 205/358] 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 206/358] 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 207/358] 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 208/358] 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 209/358] =?UTF-8?q?refactor:=20migrate=20@types/eslint-vis?=
 =?UTF-8?q?itor-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 210/358] 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 211/358] 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 212/358] 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 213/358] 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 214/358] 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 215/358] 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 216/358] 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 217/358] 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 218/358] 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 219/358] 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 220/358] 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 221/358] 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 222/358] 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 223/358] 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 224/358] 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 225/358] 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 226/358] 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 227/358] 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 228/358] 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 229/358] 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 230/358] 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 231/358] 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 232/358] 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 233/358] 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 234/358] 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 235/358] 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 236/358] 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 237/358] 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 238/358] 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 239/358] 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 240/358] 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 241/358] 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 242/358] 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 243/358] 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 244/358] 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 245/358] 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 246/358] 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 247/358] 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 248/358] 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 249/358] 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 250/358] 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 251/358] 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 252/358] 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 253/358] 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 254/358] 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 255/358] 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 256/358] 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 257/358] 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 258/358] 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 259/358] 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 260/358] 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 261/358] 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 262/358] 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 263/358] 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 264/358] 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 265/358] 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 266/358] 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 267/358] 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 268/358] 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 269/358] 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 270/358] 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 271/358] 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 272/358] 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 273/358] 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 274/358] 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 275/358] 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 276/358] 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 277/358] 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 278/358] 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 279/358] 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 280/358] 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 281/358] 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 282/358] 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 283/358] 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 284/358] 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 285/358] 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 286/358] 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 287/358] 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 288/358] 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 289/358] 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 290/358] 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 291/358] 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 292/358] 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 293/358] 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 294/358] 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 295/358] 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 296/358] 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 297/358] 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 298/358] 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 299/358] 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 300/358] 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 301/358] 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 302/358] 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 303/358] 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 304/358] 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 305/358] 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 306/358] 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 307/358] 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 308/358] 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 309/358] 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 310/358] 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 311/358] 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 312/358] 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 313/358] 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 314/358] 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 315/358] 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 316/358] 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 317/358] 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 318/358] 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 319/358] 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 320/358] 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 321/358] 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 322/358] 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 323/358] 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 324/358] 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 325/358] 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 326/358] 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 327/358] 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 328/358] 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 329/358] 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 330/358] 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 331/358] 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 332/358] 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 333/358] 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 334/358] 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 335/358] 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 336/358] 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 337/358] 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 338/358] 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 339/358] 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 340/358] 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 341/358] 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 342/358] 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 343/358] 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 344/358] 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 345/358] 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 346/358] 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 347/358] 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 348/358] 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 349/358] 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 350/358] 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 351/358] 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 352/358] 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 353/358] 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 354/358] 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 355/358] 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 356/358] 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 357/358] 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 358/358] 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",