multi-word-component-names.md

pageClass	sidebarDepth	title	description
rule-details	0	vue/multi-word-component-names	require component names to be always multi-word

vue/multi-word-component-names

require component names to be always multi-word

• ❗ This rule has not been released yet.
• ⚙️ This rule is included in all of "plugin:vue/vue3-essential", "plugin:vue/essential", "plugin:vue/vue3-strongly-recommended", "plugin:vue/strongly-recommended", "plugin:vue/vue3-recommended" and "plugin:vue/recommended".

📖 Rule Details

This rule ....

<template>
/* ✓ GOOD */
Vue.component('todo-item', {
  // ...
})

export default {
  name: 'TodoItem',
  // ...
}

/* ✗ BAD */

Vue.component('todo', {
  // ...
})

export default {
  name: 'Todo',
  // ...
}
</template>

🔧 Options

Nothing.

📚 Further Reading

• Style guide - Multi-word component names

🔍 Implementation

• Rule source
• Test source