import '@/plugins/unocss'

import '@/plugins/svgIcon'

import { setupI18n } from '@/plugins/vueI18n'

import { setupStore } from '@/store'

import { setupGlobCom } from '@/components'

import { setupElementPlus } from '@/plugins/elementPlus'

import { setupFormCreate } from '@/plugins/formCreate'

import '@/styles/index.scss'

import '@/plugins/animate.css'

import './assets/fonts/iconfont.css'

import router, { setupRouter } from '@/router'

import { setupAuth, setupMountedFocus } from '@/directives'

import { createApp } from 'vue'

import App from './App.vue'

import './permission'

import '@/plugins/tongji'
import Logger from '@/utils/Logger'

import VueDOMPurifyHTML from 'vue-dompurify-html'

import Print from 'vue3-print-nb'

import Flex from '@/components/Flex/Flex.vue'
import fetchPlugin from './config/axios/fetch';

export const MAIN_VERSION = '4.4.9'

const setupAll = async () => {
  const app = createApp(App)

  app.use(fetchPlugin);

  await setupI18n(app)

  setupStore(app)

  setupGlobCom(app)

  setupElementPlus(app)

  setupFormCreate(app)

  setupRouter(app)

  setupAuth(app)
  setupMountedFocus(app)

  await router.isReady()

  app.use(VueDOMPurifyHTML)

  app.component('Flex', Flex)

  app.use(Print)

  app.mount('#app')
}

setupAll()

Logger.prettyPrimary(`欢迎使用`, import.meta.env.VITE_APP_TITLE)