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>

Now loading...

json

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

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

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

Now loading...

This rule was introduced in eslint-plugin-vue v9.32.0