с использованием случая pascal для vue компонент не регистрируется во время сборки как библиотеки

Question

При использовании PascalCase в качестве имени компонента компонент не регистрируется vue. Вот как это выглядит

     <template>
      <div>
        <h6>This  is a sample reusable component</h6>
      </div>
    </template>

    <script>
    export default {
      name: "SampleComponent",
      data() {
        return {
        };
      }
    }
   </script>

Вот как я регистрирую компоненты.

    import SampleComponent  from './components/SampleComponent'

     const components:any = {SampleComponent}
     const ComponentLibrary = {
      install(Vue:any, options = {}) {
        for (const componentName in components) {
          const component = components[componentName];
          Vue.component(component.name, component);
        }
      }
     }


     if (typeof window !== 'undefined' && window.Vue) {
      window.Vue.use(ComponentLibrary)
     }

     export default ComponentLibrary;

При импорте библиотеки я получаю следующую ошибку:

 Unknown custom element: <samplecomponent> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

(found in <Root>)

Если я использую только «Образец», он работает. Не знаю, как это исправить.

Answer 1

Ссылка на имя компонента с помощью kebab case в DOM устранила проблему. В любом другом vue проекте Pascal дело сработало.