vue component naming convention
Name Casing
You have two options when defining component names:
> With kebab-case
Vue.component('my-component-name', { /* ... */ })
When defining a component with kebab-case, you must also
use kebab-case when referencing its custom element,
such as in <my-component-name>.
> With PascalCase
Vue.component('MyComponentName', { /* ... */ })