update no-duplicate-attributes

Author: mysticatea

docs/rules/no-duplicate-attributes.md

@@ -10,46 +10,53 @@ It's possibly mistakes.
 This rule reports duplicate attributes.
 `v-bind:foo` directives are handled as the attributes `foo`.
 
-:-1: Examples of **incorrect** code for this rule:
-
-```html
-<MyComponent
-  :foo="def"
-  foo="abc"
-/>
+<eslint-code-block :rules="{'vue/no-duplicate-attributes': ['error']}">
 ```
-
-:+1: Examples of **correct** code for this rule:
-
-```html
-<MyComponent :foo="abc"/>
-```
-
-```html
-<MyComponent foo="abc"/>
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent :foo="abc" />
+  <MyComponent foo="abc" />
+  <MyComponent class="abc" :class="def" />
+
+  <!-- ✗ BAD -->
+  <MyComponent :foo="abc" foo="def" />
+  <MyComponent foo="abc" :foo="def" />
+  <MyComponent foo="abc" foo="def" />
+  <MyComponent :foo.a="abc" :foo.b="def" />
+  <MyComponent class="abc" class="def" />
+</template>
 ```
+</eslint-code-block>
 
 ## :wrench: Options
 
-`allowCoexistClass` - Enables [`v-bind:class`] directive can coexist with the plain `class` attribute.
-`allowCoexistStyle` - Enables [`v-bind:style`] directive can coexist with the plain `style` attribute.
-
-```
-'vue/no-duplicate-attributes': [2, {
-  allowCoexistClass: Boolean // default: true
-  allowCoexistStyle: Boolean, // default: true
-}]
+```json
+{
+  "vue/no-duplicate-attributes": ["error", {
+    "allowCoexistClass": true,
+    "allowCoexistStyle": true
+  }]
+}
 ```
 
-## TODO: `<div foo foo></div>`
-
-`parse5` remove duplicate attributes on the tokenization phase.
-Needs investigation to check.
-
+- `allowCoexistClass` (`boolean`) ... Enables [`v-bind:class`] directive can coexist with the plain `class` attribute. Default is `true`.
+- `allowCoexistStyle` (`boolean`) ... Enables [`v-bind:style`] directive can coexist with the plain `style` attribute. Default is `true`.
 
 [`v-bind:class`]: https://vuejs.org/v2/guide/class-and-style.html
 [`v-bind:style`]: https://vuejs.org/v2/guide/class-and-style.html
 
+### `{ "allowCoexistClass": false, "allowCoexistStyle": false }`
+
+<eslint-code-block :rules="{'vue/no-duplicate-attributes': ['error', {allowCoexistClass: false, allowCoexistStyle: false}]}">
+```
+<template>
+  <!-- ✗ BAD -->
+  <MyComponent class="abc" :class="def" />
+  <MyComponent style="abc" :style="def" />
+</template>
+```
+</eslint-code-block>
+
 ## :mag: Implementation
 
 - [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-duplicate-attributes.js)