import { createApp } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import './style.css';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
import router from './router/index';
import mitt from 'mitt';
import App from './App.vue';
import axios from 'axios';
import pinia from './stores/index';

/**
 * 集成 vant 手机端
 * https://vant-ui.github.io/vant/#/zh-CN/dialog
 */
import Vant from 'vant';

// 让vant自适应电脑端
import '@vant/touch-emulator';

// 2. 引入组件样式
// import 'vant/lib/index.css';
import 'vant/lib/index.css';

const app = createApp(App);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component);
}
app.use(router);
app.use(pinia);
app.use(Vant);
app.use(ElementPlus, { locale: zhCn });
app.config.globalProperties.eventBus = mitt();
axios.defaults.baseURL = import.meta.env.VITE_APP_BASE_API;
app.config.globalProperties.axios = axios;
app.mount('#app');