import { createApp } from 'vue';
import App from './App.vue';
import router from '@/router';
import { setupStore } from '@/store';
import { setupDirective } from '@/directive';
import VXETable from 'vxe-table';

import './utils/rem'; //引入px和rem适配方案
import '@/permission';

// 国际化
import i18n from '@/lang/index';

//本地模拟数据
import '@/mock/mockServer';

// 本地SVG图标
import 'virtual:svg-icons-register';

// 样式
import '@/styles/index.scss';
import 'element-plus/theme-chalk/dark/css-vars.css';
import '@/assets/iconfont/iconfont.css';
import 'vxe-table/lib/style.css';
import 'animate.css/animate.min.css';

const app = createApp(App);
// 全局注册 自定义指令(directive)
setupDirective(app);
// 全局注册 状态管理(store)
setupStore(app);

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