// 引入ElementPlus所有图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
import { createApp } from 'vue';
import ElementPlusX from 'vue-element-plus-x';
import App from './App.vue';
import router from './routers';
import store from './stores';
import './styles/index.scss';
import 'virtual:uno.css';
import 'element-plus/dist/index.css';
import 'virtual:svg-icons-register';

// 创建 Vue 应用
const app = createApp(App);

// 安装插件
app.use(router);
app.use(ElMessage);
app.use(ElementPlusX);

// 注册图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}

app.use(store);

// 挂载 Vue 应用
// mount 完成说明应用初始化完毕，此时手动通知 loading 动画结束
app.mount('#app');