# vue/no-duplicate-attr-inheritance

enforce inheritAttrs to be set to false when using v-bind="$attrs"

# 📖 Rule Details

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
}

Now loading...

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

Now loading...

# 🔧 Options

Nothing.

# 📚 Further Reading

API - inheritAttrs (opens new window)

# 🚀 Version

This rule was introduced in eslint-plugin-vue v7.0.0

# 🔍 Implementation

Rule source (opens new window)
Test source (opens new window)

← vue/no-boolean-default vue/no-empty-component-block →