import { createApp, defineAsyncComponent } from 'vue';

import router from './router';
import store from './store';
import App from './App';
import BaseBadge from './components/ui/BaseBadge';
import BaseButton from './components/ui/BaseButton';
import BaseCard from './components/ui/BaseCard';
import BaseSpinner from './components/ui/BaseSpinner';

const BaseDialog = defineAsyncComponent(() =>
  import('./components/ui/BaseDialog')
);

const app = createApp(App);

app.use(router);
app.use(store);

app.component('base-badge', BaseBadge);
app.component('base-button', BaseButton);
app.component('base-card', BaseCard);
app.component('base-dialog', BaseDialog);
app.component('base-spinner', BaseSpinner);

app.mount('#app');