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

// element-plus 全局引入图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 使用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 () => {
  //全局注册图标
  for(const [key, component] of Object.entries(ElementPlusIconsVue)){
    app.component(key, component)
  }

  app
    .use(Router) // 使用路由
    .use(pinia) // 使用pinia
    .use(registerGlobComp) // 使用全局自定义组件
    .use(ElementPlusIconsVue) // 使用element-plus图标


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


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