vue/restricted-component-names
enforce using only specific component names
📖 Rule Details
This rule enforces consistency in component names.
<template>
<!-- ✓ GOOD -->
<button/>
<keep-alive></keep-alive>
<!-- ✗ BAD -->
<custom-component />
</template>
🔧 Options
json
{
"vue/restricted-component-names": ["error", {
"allow": []
}]
}
"allow: ['/^custom-/']"
<template>
<!-- ✓ GOOD -->
<custom-component />
<!-- ✗ BAD -->
<my-component />
</template>
👫 Related Rules
🚀 Version
This rule was introduced in eslint-plugin-vue v9.32.0