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', { /* ... */ })