@@ -3,13 +3,12 @@ pageClass: rule-details
33sidebarDepth : 0
44title : vue/multi-word-component-names
55description : require component names to be always multi-word
6+ since : v7.20.0
67---
78# vue/multi-word-component-names
89
910> require component names to be always multi-word
1011
11- - :exclamation : <badge text =" This rule has not been released yet. " vertical =" middle " type =" error " > *** This rule has not been released yet.*** </badge >
12-
1312## :book : Rule Details
1413
1514This rule require component names to be always multi-word, except for root ` App `
@@ -30,6 +29,7 @@ Vue.component('Todo', {
3029 // ...
3130})
3231```
32+
3333</eslint-code-block >
3434
3535<eslint-code-block filename =" src/TodoItem.js " :rules =" {'vue/multi-word-component-names': ['error']} " >
@@ -43,6 +43,7 @@ export default {
4343}
4444</script>
4545```
46+
4647</eslint-code-block >
4748
4849<eslint-code-block filename =" src/Todo.vue " :rules =" {'vue/multi-word-component-names': ['error']} " >
@@ -56,6 +57,7 @@ export default {
5657}
5758</script>
5859```
60+
5961</eslint-code-block >
6062
6163<eslint-code-block filename =" src/Todo.vue " :rules =" {'vue/multi-word-component-names': ['error']} " >
@@ -68,6 +70,7 @@ export default {
6870}
6971</script>
7072```
73+
7174</eslint-code-block >
7275
7376## :wrench : Options
@@ -78,6 +81,10 @@ Nothing.
7881
7982- [ Style guide - Multi-word component names] ( https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential )
8083
84+ ## :rocket : Version
85+
86+ This rule was introduced in eslint-plugin-vue v7.20.0
87+
8188## :mag : Implementation
8289
8390- [ Rule source] ( https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multi-word-component-names.js )
0 commit comments