Как подключить глобально компонент vue3?

Question

[this0what]

import { createApp } from "vue";
import store from "./store";
import App from "./App.vue";
import router from "./router";
import BaseButton from "./components/ui/BaseButton/index.vue"
const app = createApp(App);
app.component('BaseButton', {
    BaseButton
})
app.use(store);
app.use(router);
app.mount("#app");

хочу подключить глобально компонент, но компонент не рендерится. Выдает такой варнинг [Vue warn]: Component is missing template or render function.
шаблон кнопки

<template>
    <button
        class="base-btn"
        :class="btnClass"
        :type="type"
        @click="$emit('click')"
    >
      <span
          v-if="isIcon"
          class="base-btn__icon"
          :class="iconClass"
      />
      <slot />
    </button>
</template>

что не так то?

Answer 1

[Alex_mos]

app.component('BaseButton', BaseButton)
Попробуйте так

Answer 2

[drawnofmymind]

BaseButton !== button

Comments

[this0what]

там шаблон компонента кнопки если что