import { createApp } from "vue";
import App from "./App.vue";

// cool
import { bootstrap } from "@/core";

// router
import router from "@/router";

// store
import store from "@/store";

import "@/mock";

// element-plus
import ElementPlus from "element-plus";
import "@/assets/css/element-variables.scss";
import locale from "element-plus/lib/locale/lang/zh-cn";

// crud
import Crud from "./crud";

// mitt
import mitt from "mitt";

// echarts
import VueECharts from "vue-echarts";

const app = createApp(App);

bootstrap(app)
	.then(() => {
		// echarts 可视图表
		app.component("v-chart", VueECharts);

		// 事件通讯
		app.provide("mitt", mitt());

		app.use(store)
			.use(router)
			.use(ElementPlus, { locale })
			.use(Crud, {
				crud: {
					dict: {
						sort: {
							prop: "order",
							order: "sort"
						}
					}
				}
			})
			.mount("#app");
	})
	.catch((err: string) => {
		console.error(`COOL-ADMIN 启动失败`, err);
	});

store.dispatch("appLoad");