archives/src/main.js

import 'virtual:uno.css'
import 'animate.css'

//主要
import { createApp } from 'vue'
import setupPinia from './store/init'
import router, { setupRouter } from './router'
import website from '~src/config/index'
import App from './App.vue'

//饿了么UI
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import 'dayjs/locale/zh-cn'

//挂载全局
import { setupComponents } from './global/index'

//hc-vue3-ui
import HcVue3UI from 'hc-vue3-ui'
import 'hc-vue3-ui/css'
import 'hc-vue3-ui/scss'

//导入其它样式
import './styles/app/main.scss'
import './styles/app/element.scss'
import './styles/app/theme.scss'

//虚拟列表
import 'vue-virtual-scroller/dist/vue-virtual-scroller.css' // 引入它的 css
import VueVirtualScroller from 'vue-virtual-scroller' // 引入它

//创建实例
async function bootstrap() {
    const app = createApp(App)

    // 挂载状态管理
    app.use(setupPinia)
    app.use(VueVirtualScroller) // use 虚拟列表
    // 挂载路由
    await setupRouter(app)

    // 路由准备就绪后挂载APP实例
    await router.isReady()

    // 饿了么UI框架
    app.use(ElementPlus, {
        locale: zhCn,
    })

    // hc-vue3-ui
    app.use(HcVue3UI, website)

    // 组件注册全局
    setupComponents(app)

    app.mount('#app')
}

void bootstrap()