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

import App from "./App.vue";
import router from "@/router";

import ViewUIPlus from "view-ui-plus";
import "view-ui-plus/dist/styles/viewuiplus.css";

// 布局/主题/图标（base.layout.css + icons.css）由中央静态通道下发：
// index.html 的 yh-theme-init.js 在 DOMContentLoaded 后按 manifest 版本追加 <link>，
// 天然排在本文件组件库样式之后。
import "@/assets/styles/main.scss";

import api from "@/api";
import utils from "@/utils";
import conf from "@/assets/config/host.config";
import bus from "@/utils/bus";
import registerDirectives from "@/utils/directive";
import APIConfig from "@/config/apiConf";

const app = createApp(App);

app.use(createPinia());
app.use(router);
app.use(ViewUIPlus);

// 兼容存量代码：全局 APIConfig / conf，以及 Vue2 时代的四个原型方法
(window as any).APIConfig = APIConfig;
(window as any).conf = conf;

app.config.globalProperties.$api = api;
app.config.globalProperties.$utils = utils;
app.config.globalProperties.$conf = conf;
app.config.globalProperties.$bus = bus;

registerDirectives(app);

app.mount("#app");