import { createApp } from "vue"
import { Tooltip } from "bootstrap"
import App from "./App.vue"

/*
TIP: To get started with clean router change path to @/router/clean.ts.
 */
import { setupStore } from "@/stores"
import router from "@/router"
//import ElementPlus from "element-plus"
import i18n from "@/core/plugins/i18n"

//imports for app initialization
//import ApiService from "@/core/services/ApiService"
//import { initApexCharts } from "@/core/plugins/apexcharts"
import { initInlineSvg } from "@/core/plugins/inline-svg"
import { initVeeValidate } from "@/core/plugins/vee-validate"
import "@/core/plugins/prismjs"
import RequestService from "./core/services/RequestService"
import { initYup } from "@/core/plugins/yup"

const app = createApp(App)
console.log("===>", import.meta.env.MODE, import.meta.env.VITI_APP_NAME, import.meta.env.VITI_APP_API_URL, "<===")
RequestService.init(app)

setupStore(app)
app.use(router)
//app.use(ElementPlus)

//ApiService.init(app)
//initApexCharts(app)
initInlineSvg(app)
initVeeValidate()
initYup()
app.use(i18n)

app.directive("tooltip", (el) => {
  new Tooltip(el)
})

app.mount("#app")