VueJS Naming Convention > Templates components Naming

PascalCase

In single-file components, string templates, and JSX
Should be self closing
For example ,

kebab-case

In DOM templates
Should never be self closing
For example </hello-world>, </share-button>

<template>
  <div>
    <HelloWorld/>
    <share-button></share-button>
  </div>
</template>