import "element-plus/theme-chalk/el-message.css";
import "element-plus/theme-chalk/el-message-box.css";
import "vant/lib/index.css";
import "./styles/base.css";
import "./styles/pc.css";
import "./styles/admin.css";

import { createPinia } from "pinia";
import { createApp } from "vue";

import App from "./App.vue";
import router from "./router";
import { useAdminSessionStore } from "./stores/adminSession";
import { useSessionStore } from "./stores/session";

const app = createApp(App);
const pinia = createPinia();

app.use(pinia).use(router);

window.addEventListener("auth-storage-changed", () => {
  useSessionStore(pinia).syncFromStorage();
  useAdminSessionStore(pinia).syncFromStorage();
});

window.addEventListener("storage", (event) => {
  if (event.storageArea === localStorage) {
    useSessionStore(pinia).syncFromStorage();
    useAdminSessionStore(pinia).syncFromStorage();
  }
});

router.isReady().then(() => app.mount("#app"));