restricted-component-names.md

pageClass	sidebarDepth	title	description
rule-details	0	vue/restricted-component-names	enforce using only specific component names

vue/restricted-component-names

enforce using only specific component names

• ❗ This rule has not been released yet.

📖 Rule Details

This rule enforces consistency in component names.

<template>
  <!-- ✓ GOOD -->
  <button/>
  <keep-alive></keep-alive>

  <!-- ✗ BAD -->
  <custom-component />
</template>

🔧 Options

{
  "vue/restricted-component-names": ["error", { 
    "allow": []
  }]
}

"allow"

<template>
  <!-- ✓ GOOD -->
  <custom-component />

  <!-- ✗ BAD -->
  <my-component />
</template>

👫 Related Rules

• vue/no-restricted-component-names

🔍 Implementation

• Rule source
• Test source