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 1/9] 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 2/9] 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 3/9] 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 4/9] 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 5/9] 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 6/9] 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 7/9] 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 8/9] 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 9/9] 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.'
+      ]
     }
   ]
 })