docs: update

Author: waynzh

docs/rules/no-duplicate-attr-inheritance.md

@@ -12,7 +12,7 @@ since: v7.0.0
 
 ## :book: Rule Details
 
-This rule aims to prevent duplicate attribute inheritance.  
+This rule aims to prevent duplicate attribute inheritance.
 This rule to warn to apply `inheritAttrs: false` when it detects `v-bind="$attrs"` being used.
 
 <eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error', { checkMultiRootNodes: false }]}">
@@ -47,6 +47,18 @@ export default {
 
 </eslint-code-block>
 
+## :wrench: Options
+
+```json
+{
+  "vue/no-duplicate-attr-inheritance": ["error", {
+    "checkMultiRootNodes": false,
+  }]
+}
+```
+
+- `"checkMultiRootNodes"`: If set to `true`, check and warn to apply `inheritAttrs: false` whenever it detects `v-bind="$attrs"` being used. Default is `false`, will ignore the components with multiple root nodes, because Vue encourages adding `v-bind="$attrs"` in this case to prevent runtime warnings. See [attribute inheritance on multiple root nodes](https://vuejs.org/guide/components/attrs.html#attribute-inheritance-on-multiple-root-nodes) for more.
+
 ### `"checkMultiRootNodes": true`
 
 <eslint-code-block :rules="{'vue/no-duplicate-attr-inheritance': ['error', { checkMultiRootNodes: true }]}">
@@ -66,21 +78,10 @@ export default {
 
 </eslint-code-block>
 
-## :wrench: Options
-
-```json
-{
-  "vue/no-duplicate-attr-inheritance": ["error", {
-    "checkMultiRootNodes": false,
-  }]
-}
-```
-
-- `"checkMultiRootNodes"` ... If `true`, check and warn when there are multiple root nodes. (Default: `false`)
-
 ## :books: Further Reading
 
 - [API - inheritAttrs](https://vuejs.org/api/options-misc.html#inheritattrs)
+- [Fallthrough Attributes](https://vuejs.org/guide/components/attrs.html#attribute-inheritance-on-multiple-root-nodes)
 
 ## :rocket: Version
 

lib/rules/no-duplicate-attr-inheritance.js

@@ -12,7 +12,7 @@ function isConditionalGroup(elements) {
     return false
   }
 
-  const firstElement = element[0]
+  const firstElement = elements[0]
   const lastElement = elements[elements.length - 1]
   const inBetweenElements = elements.slice(1, -1)