# vue/no-reserved-component-names

disallow the use of reserved names in component definitions

# ๐Ÿ“– Rule Details

This rule prevents name collisions between Vue components and standard HTML elements and built-in components.

<script> /* โœ— BAD */ export default { name: 'div' } </script>
Now loading...

# ๐Ÿ”ง Options

{
  "vue/no-reserved-component-names": ["error", {
    "disallowVueBuiltInComponents": false,
    "disallowVue3BuiltInComponents": false
  }]
}
  • disallowVueBuiltInComponents (boolean) ... If true, disallow Vue.js 2.x built-in component names. Default is false.
  • disallowVue3BuiltInComponents (boolean) ... If true, disallow Vue.js 3.x built-in component names. Default is false.

# "disallowVueBuiltInComponents": true

<script> /* โœ— BAD */ export default { name: 'transition-group' } </script>
Now loading...

# "disallowVue3BuiltInComponents": true

<script> /* โœ— BAD */ export default { name: 'teleport' } </script>
Now loading...

# ๐Ÿ“š Further Reading

# ๐Ÿš€ Version

This rule was introduced in eslint-plugin-vue v6.1.0

# ๐Ÿ” Implementation

Last Updated: 12/24/2020, 2:51:18 AM