import { createApp } from 'vue';
import pinia from './stores/index';
// import ElementPlus from 'element-plus';
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
import { router } from './router';
import App from './App.vue';
import timeUtil from './utils/time-util';

// import 'element-plus/dist/index.css';
import './assets/main.css';

import { ElMessageBox, ElNotification, ElMessage } from 'element-plus';
import 'element-plus/theme-chalk/src/overlay.scss';
import 'element-plus/theme-chalk/src/message.scss';
import 'element-plus/theme-chalk/src/message-box.scss';
import 'element-plus/theme-chalk/src/notification.scss';

// dayjs plugin
import dayjs from 'dayjs';
import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';
import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';

// echarts
import * as echarts from 'echarts'


dayjs.extend(isSameOrAfter);
dayjs.extend(isSameOrBefore);

const app = createApp(App);

app.config.globalProperties.$fm = timeUtil;
app.config.globalProperties.$echarts = echarts
app.config.globalProperties.$message = ElMessage
app.config.globalProperties.$notification = ElNotification
app.config.globalProperties.$messageBox = ElMessageBox

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}

app
  .use(pinia)
  .use(router)
  // .use(ElementPlus)
  .mount('#app');