import { createApp, type Plugin } from "vue";
import { createPinia } from "pinia";
import router from "./router";
import App from "./App.vue";
import ElementPlus from 'element-plus'
import locale from 'element-plus/es/locale/lang/zh-cn'
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);

// 使用 Pinia 状态管理
app.use(createPinia());


// 使用 Vue Router
app.use(router);
app.use(ElementPlus, { locale })
app.use(components)
app.use(i18n)

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