import { createApp, type Plugin } from "vue"
import { createPinia } from "pinia"
import errorHandler from "@utils/errorHandler"
import router from "./router"
import App from "./App.vue"

// 引入 Element Plus 组件库
import ElementPlus from 'element-plus'
import locale from 'element-plus/es/locale/lang/zh-cn'

// 引入 i18n 插件
import i18n from './i18n'
// import './permission'

// 样式文件隔离
import "./styles/index.css";
import 'element-plus/dist/index.css'

// 引入全局组件
import HeaderBar from '@components/HeaderBar/index.vue'
import DragRegion from '@components/DragRegion/index.vue'

const components: Plugin =  (app) => {
  app.component('HeaderBar', HeaderBar);
  app.component('DragRegion', DragRegion);
}

// 创建 Vue 应用实例
const app = createApp(App);
const pinia = createPinia();

// 使用 Pinia 状态管理
app.use(pinia);
app.use(router);
app.use(ElementPlus, { locale })
app.use(components)
app.use(i18n)
app.use(errorHandler)

// 挂载应用到 DOM
app.mount("#app");