Fixed some rule documents. (#1244)

Author: ota-meshi

docs/.vuepress/components/eslint-code-block.vue

@@ -32,7 +32,7 @@ export default {
     },
     rules: {
       type: Object,
-      default () {
+      default() {
         return {}
       }
     },
@@ -46,7 +46,7 @@ export default {
     }
   },
 
-  data () {
+  data() {
     return {
       linter: null,
       preprocess: processors['.vue'].preprocess,
@@ -59,7 +59,7 @@ export default {
   },
 
   computed: {
-    config () {
+    config() {
       return {
         globals: {
           // ES2015 globals
@@ -98,33 +98,30 @@ export default {
       }
     },
 
-    code () {
+    code() {
       return `${this.computeCodeFromSlot(this.$slots.default).trim()}\n`
     },
 
-    height () {
+    height() {
       const lines = this.code.split('\n').length
       return `${Math.max(120, 19 * lines)}px`
     }
   },
 
   methods: {
-    computeCodeFromSlot (nodes) {
+    computeCodeFromSlot(nodes) {
       if (!Array.isArray(nodes)) {
         return ''
       }
-      return nodes.map(node =>
-        node.text || this.computeCodeFromSlot(node.children)
-      ).join('')
+      return nodes
+        .map((node) => node.text || this.computeCodeFromSlot(node.children))
+        .join('')
     }
   },
 
-  async mounted () {
+  async mounted() {
     // Load linter.
-    const [
-      { default: Linter },
-      { parseForESLint }
-    ] = await Promise.all([
+    const [{ default: Linter }, { parseForESLint }] = await Promise.all([
       import('eslint4b/dist/linter'),
       import('espree').then(() => import('vue-eslint-parser'))
     ])

docs/rules/no-arrow-functions-in-watch.md

@@ -40,7 +40,7 @@ export default {
         /* ... */
       }
     ],
-    'e.f': function (val, oldVal) { /* ... */ }
+    'e.f': function (val, oldVal) { /* ... */ },
 
     /* ✗ BAD */
     foo: (val, oldVal) => {

docs/rules/no-deprecated-events-api.md

@@ -26,7 +26,15 @@ export default {
     this.$emit('start')
   }
 }
+</script>
+```
+
+</eslint-code-block>
 
+<eslint-code-block :rules="{'vue/no-deprecated-events-api': ['error']}">
+
+```vue
+<script>
 /* ✓ GOOD */
 import mitt from 'mitt'
 const emitter = mitt()

docs/rules/no-template-target-blank.md

@@ -16,10 +16,10 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a link="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
+  <a href="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
 
   <!-- ✗ BAD -->
-  <a link="http://example.com" target="_blank" >link</a>
+  <a href="http://example.com" target="_blank" >link</a>
 </temlate>
 ```
 
@@ -46,10 +46,10 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a link="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
+  <a href="http://example.com" target="_blank" rel="noopener noreferrer">link</a>
 
   <!-- ✗ BAD -->
-  <a link="http://example.com" target="_blank" rel="noopener">link</a>
+  <a href="http://example.com" target="_blank" rel="noopener">link</a>
 </temlate>
 ```
 
@@ -62,26 +62,26 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a link="http://example.com" target="_blank" rel="noopener">link</a>
+  <a href="http://example.com" target="_blank" rel="noopener">link</a>
 
   <!-- ✗ BAD -->
-  <a link="http://example.com" target="_blank" >link</a>
+  <a href="http://example.com" target="_blank" >link</a>
 </temlate>
 ```
 
 </eslint-code-block>
 
 ### `{ "enforceDynamicLinks": "always" }` (default)
 
-<eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { enforceDynamicLinks: 'never' }]}">
+<eslint-code-block :rules="{'vue/no-template-target-blank': ['error', { enforceDynamicLinks: 'always' }]}">
 
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a :link="link" target="_blank" rel="noopener noreferrer">link</a>
+  <a :href="link" target="_blank" rel="noopener noreferrer">link</a>
 
   <!-- ✗ BAD -->
-  <a :link="link" target="_blank">link</a>
+  <a :href="link" target="_blank">link</a>
 </temlate>
 ```
 
@@ -94,10 +94,10 @@ This rule disallows using `target="_blank"` attribute without `rel="noopener nor
 ```vue
 <template>
   <!-- ✓ Good -->
-  <a :link="link" target="_blank">link</a>
+  <a :href="link" target="_blank">link</a>
 
   <!-- ✗ BAD -->
-  <a link="http://example.com" target="_blank" >link</a>
+  <a href="http://example.com" target="_blank" >link</a>
 </temlate>
 ```