import { createApp } from "vue";
import App from "./App.vue";
import { createPinia } from "pinia";
import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
import router from "@/router/index";
import ResizeObserver from "resize-observer-polyfill";

import { SetupPlugins } from "./plugins";

import "element-plus/dist/index.css";

import VxeUIBase from "vxe-pc-ui";
import "vxe-pc-ui/es/style.css";

import VxeUITable from "vxe-table";
import "vxe-table/es/style.css";

import "./style.css";

// ElementPlus  兼容低版本浏览器
window.ResizeObserver = ResizeObserver;

VxeUITable.setConfig({
  table: {
    stripe: true,
    border: "full",
    cellConfig: {
      height: 28,
    },
    headerCellConfig: {
      height: 32,
    },
    footerCellConfig: {
      height: 32,
    },
    columnDragConfig: {
      showIcon: false,
    },
  },
});

// pinia
const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);

SetupPlugins();

// 创建 Vue 应用
const app = createApp(App);

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

app.mount("#app");