@@ -3,13 +3,12 @@ pageClass: rule-details
3
3
sidebarDepth : 0
4
4
title : vue/multi-word-component-names
5
5
description : require component names to be always multi-word
6
+ since : v7.20.0
6
7
---
7
8
# vue/multi-word-component-names
8
9
9
10
> require component names to be always multi-word
10
11
11
- - :exclamation : <badge text =" This rule has not been released yet. " vertical =" middle " type =" error " > *** This rule has not been released yet.*** </badge >
12
-
13
12
## :book : Rule Details
14
13
15
14
This rule require component names to be always multi-word, except for root ` App `
@@ -30,6 +29,7 @@ Vue.component('Todo', {
30
29
// ...
31
30
})
32
31
```
32
+
33
33
</eslint-code-block >
34
34
35
35
<eslint-code-block filename =" src/TodoItem.js " :rules =" {'vue/multi-word-component-names': ['error']} " >
@@ -43,6 +43,7 @@ export default {
43
43
}
44
44
</script>
45
45
```
46
+
46
47
</eslint-code-block >
47
48
48
49
<eslint-code-block filename =" src/Todo.vue " :rules =" {'vue/multi-word-component-names': ['error']} " >
@@ -56,6 +57,7 @@ export default {
56
57
}
57
58
</script>
58
59
```
60
+
59
61
</eslint-code-block >
60
62
61
63
<eslint-code-block filename =" src/Todo.vue " :rules =" {'vue/multi-word-component-names': ['error']} " >
@@ -68,6 +70,7 @@ export default {
68
70
}
69
71
</script>
70
72
```
73
+
71
74
</eslint-code-block >
72
75
73
76
## :wrench : Options
@@ -78,6 +81,10 @@ Nothing.
78
81
79
82
- [ Style guide - Multi-word component names] ( https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential )
80
83
84
+ ## :rocket : Version
85
+
86
+ This rule was introduced in eslint-plugin-vue v7.20.0
87
+
81
88
## :mag : Implementation
82
89
83
90
- [ Rule source] ( https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multi-word-component-names.js )
0 commit comments