import { createApp } from "vue";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import App from "./App.vue";
import "./registerServiceWorker";
import router from "./router";
import store from "./store";
import { setupRouterGuards, setupTokenRefresh } from "@/utils/permission";
import { setupPermissionDirectives } from "@/directives/permission";

const app = createApp(App);

// 使用插件
app.use(ElementPlus);
app.use(store);
app.use(router);

// 设置权限指令
setupPermissionDirectives(app, store);

// 设置路由守卫
setupRouterGuards(router, store);

// 设置Token自动刷新
setupTokenRefresh(store);

app.mount("#app");