vue component naming convention

1Name Casing
2You have two options when defining component names:
3
4> With kebab-case
5Vue.component('my-component-name', { /* ... */ })
6
7When defining a component with kebab-case, you must also 
8use kebab-case when referencing its custom element, 
9such as in <my-component-name>.
10
11> With PascalCase
12Vue.component('MyComponentName', { /* ... */ })