import { createApp } from 'vue'
import App from './App.vue'

// element-plus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// 使用pinia
import pinia from '@/stores'
// 导入路由
import Router from './router/index'
// 引入项目主CSS
import '@/assets/styles/tailMain.css'

// 导入全局注册的组件
import 'virtual:svg-icons-register'
import registerGlobComp from '@/components'

//创建实例
const app = createApp(App)
const setupAll = async () => {
  app
    .use(Router) // 使用路由
    .use(ElementPlus) // 使用ele-plus组件
    .use(pinia) // 使用pinia
    .use(registerGlobComp) // 使用全局自定义组件


  //待路由初始化完毕后，挂载app
  await Router.isReady()
}


//挂载app
setupAll().then(() => {
  app.mount('#app')
})