import { createApp } from 'vue'
// import './style.css'
import App from './App.vue'
import 'element-plus/dist/index.css';
import router from './router';
// import { createPinia } from "pinia";
import ElementPlus from "element-plus";
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import pinia from '@/utils/pinia';

import zhCn from "element-plus/es/locale/lang/zh-cn";

import '@/styles/index.less';
import SvgIcon from './icons'; // icon
import './permission'; // permission control
// import vPermission from './directive/permission/index'; // permission control
import { checkEnableLogs } from './utils/error-log'; // error log
import { registerGlobalComponents } from './globalComponents.js';

const app = createApp(App);
// const pinia = createPinia();
// 注册全局组件
registerGlobalComponents(app);

app.use(pinia);
app.use(router);
app.use(ElementPlus, { locale: zhCn, zIndex: 3000 });

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

app.component('svg-icon', SvgIcon);
// app.directive('permission', vPermission);
checkEnableLogs(app);

app.mount('#app');