import { createApp } from 'vue';
import { TUIBadge } from '@/components/Badge';
import { TUIButton } from '@/components/Button';
import { TUIDialog, dialog } from '@/components/Dialog';
import { TUIDrawer } from '@/components/Drawer';
import { TUIDropdown, TUIDropdownItem } from '@/components/Dropdown';
import { TUIIcon } from '@/components/Icon';
import { TUIInput } from '@/components/Input';
import { TUIMessageBox } from '@/components/MessageBox';
import { TUISelect } from '@/components/Select';
import { TUISlider } from '@/components/Slider';
import { TUISwitch } from '@/components/Switch';
import { TUIToast } from '@/components/Toast';
import App from './App.vue';
import router from './router/index';
import './style.scss';

const app = createApp(App);

app.component('TUIBadge', TUIBadge);
app.component('TUIButton', TUIButton);
app.component('TUIDialog', TUIDialog);
app.component('TUIDrawer', TUIDrawer);
app.component('TUIDropdown', TUIDropdown);
app.component('TUIDropdownItem', TUIDropdownItem);
app.component('TUIIcon', TUIIcon);
app.component('TUIInput', TUIInput);
app.component('TUISelect', TUISelect);
app.component('TUISlider', TUISlider);
app.component('TUISwitch', TUISwitch);

app.config.globalProperties.$dialog = dialog;
app.config.globalProperties.$messageBox = TUIMessageBox;
app.config.globalProperties.$toast = TUIToast;

app.use(router);
app.mount('#app');