CODE EXAMPLE FOR JAVASCRIPT

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