Apply some Prettier formatting in docs

docs/rules/component-api-style.md

@@ -56,7 +56,7 @@ export default {
 <script>
 export default {
   /* ✗ BAD */
-  data () {
+  data() {
     return {
       msg: 'Hello World!',
       // ...
@@ -93,7 +93,7 @@ export default {
 <script>
 export default {
   /* ✓ GOOD */
-  data () {
+  data() {
     return {
       msg: 'Hello World!',
       // ...

docs/rules/component-definition-name-casing.md

@@ -64,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>
@@ -108,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>

docs/rules/component-name-in-template-casing.md

@@ -44,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 />
@@ -62,7 +62,7 @@ export default {
   components: {
     CoolComponent,
     'registered-in-kebab-case': VueComponent1,
-    'registeredInCamelCase': VueComponent2
+    registeredInCamelCase: VueComponent2
   }
 }
 </script>
@@ -108,7 +108,7 @@ export default {
   <!-- ✓ GOOD -->
   <CoolComponent />
   <UnregisteredComponent />
-  
+
   <!-- ✗ BAD -->
   <cool-component />
   <unregistered-component />
@@ -131,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>
@@ -151,7 +151,7 @@ export default {
 <template>
   <!-- ✓ GOOD -->
   <RouterView></RouterView>
-  
+
   <!-- ✗ BAD -->
   <router-view></router-view>
 </template>

docs/rules/custom-event-name-casing.md

@@ -43,7 +43,7 @@ This rule enforces camelCase by default.
 <script>
 export default {
   methods: {
-    onClick () {
+    onClick() {
       /* ✓ GOOD */
       this.$emit('myEvent')
       this.$emit('update:myProp', myProp)
@@ -90,7 +90,7 @@ export default {
 <script>
 export default {
   methods: {
-    onClick () {
+    onClick() {
       /* ✓ GOOD */
       this.$emit('my-event')
 
@@ -119,7 +119,7 @@ export default {
 <script>
 export default {
   methods: {
-    onClick () {
+    onClick() {
       /* ✓ GOOD */
       this.$emit('myEvent')
 
@@ -149,7 +149,7 @@ export default {
 <script>
 export default {
   methods: {
-    onClick () {
+    onClick() {
       /* ✓ GOOD */
       this.$emit('click:row')
       this.$emit('foo-bar')

docs/rules/define-props-declaration.md

@@ -22,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 }
 }>()
 
@@ -59,7 +59,7 @@ const props = defineProps({
 
 /* ✗ BAD */
 const props = defineProps<{
-  kind: string,
+  kind: string
   options: { title: string }
 }>()
 </script>

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

docs/rules/html-comment-content-newline.md

@@ -57,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 `-->`.
@@ -67,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

docs/rules/html-comment-content-spacing.md

@@ -49,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": ["*"] }]

docs/rules/match-component-file-name.md

@@ -99,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>
 ```
 
@@ -131,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>
 ```
 
@@ -146,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>
 ```
 
@@ -161,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>
 ```
 

docs/rules/multi-word-component-names.md

@@ -83,7 +83,7 @@ export default {
 <!-- filename: Todo.vue -->
 <!-- ✗ BAD -->
 <script setup>
-  // ...
+// ...
 </script>
 ```
 
@@ -95,7 +95,7 @@ export default {
 <!-- filename: TodoItem.vue -->
 <!-- ✓ GOOD -->
 <script setup>
-  // ...
+// ...
 </script>
 ```
 
@@ -107,7 +107,7 @@ export default {
 <!-- filename: Todo.vue -->
 <!-- ✓ GOOD -->
 <script setup>
-  // ...
+// ...
 </script>
 <script>
 export default {
@@ -164,7 +164,7 @@ export default {
 <!-- filename: Todo.vue -->
 <!-- ✓ GOOD -->
 <script setup>
-  // ...
+// ...
 </script>
 ```
 

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>
 ```