no-duplicate-attr-inheritance.md

Pattern: Duplicate attribute inheritance

Issue: -

Description

This rule aims to prevent duplicated attribute inheritance. This rule to warn to apply inheritAttrs: false when it detects v-bind="$attrs" being used.

<template>
  <MyInput v-bind="$attrs" />
</template>
<script>
export default {
  /* ✓ GOOD */
  inheritAttrs: false
}

<template>
  <MyInput v-bind="$attrs" />
</template>
<script>
export default {
  /* ✗ BAD */
  // inheritAttrs: true (default)
}

Further Reading

• eslint-plugin-vue - no-duplicate-attr-inheritance
• API - inheritAttrs