import { createApp } from 'vue'
import {
  ElButton,
  ElDialog,
  ElForm,
  ElFormItem,
  ElIcon,
  ElInput,
  ElInputNumber,
  ElOption,
  ElRadioButton,
  ElRadioGroup,
  ElSelect,
  ElSwitch,
  ElTabPane,
  ElTabs,
  ElUpload
} from 'element-plus'
import 'element-plus/dist/index.css'
import 'markstream-vue/index.css'
import './styles.css'
import App from './App.vue'
import { router } from './router'

const app = createApp(App)
for (const component of [
  ElButton, ElDialog, ElForm, ElFormItem, ElIcon, ElInput,
  ElInputNumber, ElOption, ElRadioButton, ElRadioGroup, ElSelect,
  ElSwitch, ElTabPane, ElTabs, ElUpload
]) app.component(component.name!, component)
app.use(router)
void router.isReady().then(() => app.mount('#app'))