vue/multi-word-component-names

require component names to be always multi-word

⚙️ This rule is included in all of "plugin:vue/vue3-essential", *.configs["flat/essential"], "plugin:vue/essential", *.configs["flat/vue2-essential"], "plugin:vue/vue3-strongly-recommended", *.configs["flat/strongly-recommended"], "plugin:vue/strongly-recommended", *.configs["flat/vue2-strongly-recommended"], "plugin:vue/vue3-recommended", *.configs["flat/recommended"], "plugin:vue/recommended" and *.configs["flat/vue2-recommended"].

📖 Rule Details

This rule require component names to be always multi-word, except for root App components, and built-in components provided by Vue, such as <transition> or <component>. This prevents conflicts with existing and future HTML elements, since all HTML elements are single words.

Now loading...

🔧 Options

json

{
  "vue/multi-word-component-names": ["error", {
    "ignores": []
  }]
}

ignores (string[]) ... The component names to ignore. Sets the component name to allow.

`ignores: ["Todo"]`

Now loading...

vue/no-reserved-component-names

📚 Further Reading

Style guide - Multi-word component names

🚀 Version

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

vue/multi-word-component-names ​

📖 Rule Details ​

🔧 Options ​

ignores: ["Todo"] ​

👫 Related Rules ​

📚 Further Reading ​

🚀 Version ​

🔍 Implementation ​