update html-quotes

Author: mysticatea

docs/rules/html-quotes.md

@@ -15,37 +15,39 @@ This rule enforces the quotes style of HTML attributes.
 
 This rule reports the quotes of attributes if it is different to configured quotes.
 
-:-1: Examples of **incorrect** code for this rule:
-
-```html
-<img src='./logo.png'>
-<img src=./logo.png>
+<eslint-code-block :rules="{'vue/html-quotes': ['error']}">
 ```
-
-:+1: Examples of **correct** code for this rule:
-
-```html
-<img src="./logo.png">
-```
-
-:-1: Examples of **incorrect** code for this rule with `"single"` option:
-
-```html
-<img src="./logo.png">
-<img src=./logo.png>
-```
-
-:+1: Examples of **correct** code for this rule with `"single"` option:
-
-```html
-<img src='./logo.png'>
+<template>
+  <!-- ✓ GOOD -->
+  <img src="./logo.png">
+
+  <!-- ✗ BAD -->
+  <img src='./logo.png'>
+  <img src=./logo.png>
+</template>
 ```
+</eslint-code-block>
 
 ## :wrench: Options
 
 - `"double"` (default) ... requires double quotes.
 - `"single"` ... requires single quotes.
 
+### `"single"`
+
+<eslint-code-block :rules="{'vue/html-quotes': ['error', 'single']}">
+```
+<template>
+  <!-- ✓ GOOD -->
+  <img src='./logo.png'>
+
+  <!-- ✗ BAD -->
+  <img src="./logo.png">
+  <img src=./logo.png>
+</template>
+```
+</eslint-code-block>
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/html-quotes.js)