import './assets/main.css'
// unocss
import 'virtual:uno.css'

import { createApp } from 'vue'
import App from '@/App.vue'
import router from '@/router'
// pinia store
import pinia from '@/stores'

// errorHandler & warnHandler
import errorHandler from '@/utils/errorHandler'
import warnHandler from '@/utils/warnHandler'

import { InitStores } from '@/stores/initStores'

import { setupCasdoor } from './utils/casdoor/casdoor'

async function setupApp() {
  const app = createApp(App)

  setupCasdoor(app)

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

  // 初始化Stores
  InitStores()

  await router.isReady()

  console.log({ env: import.meta.env })
  console.log({ routes: router.getRoutes() })

  if (window.loaderElement) {
    window.loaderElement.remove()
    window.loaderElement = null
  }

  app.config.errorHandler = errorHandler
  app.config.warnHandler = warnHandler

  app.mount('#app')
}

setupApp()