import "./assets/css/main.css";

import "@/assets/ts/main.ts";

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

import App from "./App.vue";
import { loadComponents } from "./utils/setup/component";
import initRouter from "./utils/setup/routerSetup";
import { loadDirectives } from "./utils/setup/directives";
import { loadPlugins } from "./utils/setup/plugins";

interface AppConfig {
    API_URL: string;
    APP_ENVIRONMENT: "PRODUCTION" | "DEVELOPMENT";

    CLIENT_NAME: string;
    CLIENT_LOGO: string;
    CLIENT_PAGE_TITLE: string;
    CLIENT_PAGE_TITLE_LOGO: string;
    WEBSOCKET_URL: string;
}
declare global {
    interface Window {
        APP_CONFIG: AppConfig;
    }
}

export const initAPP = () => {
    const app = createApp(App);
    app.use(createPinia());

    initRouter(app);
    loadComponents(app);
    loadDirectives(app);
    loadPlugins(app);

    app.mount("#app");
};
// initAPP();