billd-live/src/main.ts

// 一定要引入webrtc-adapter（约等于垫片，适配safari等其他浏览器）
import '@/assets/main.scss';
import '@/utils/showBilldVersion';
import 'webrtc-adapter';
// import 'windi.css'; // windicss-webpack-plugin会解析windi.css这个MODULE_ID
import { createApp } from 'vue';
import VueLazyLoad from 'vue-lazyload';

import lazyErrorWebp from '@/assets/img/lazy_error.webp';
import lazyLoadingWebp from '@/assets/img/lazy_loading.webp';
import Message from '@/components/Message/index.vue';
import registerDirectives from '@/directives';
import { i18n } from '@/hooks/use-i18n';
import router from '@/router';
import store from '@/store';

import App from './App.vue';

const app = createApp(App);
registerDirectives(app);
app.use(i18n);
app.use(store);
app.use(router);
app.use(VueLazyLoad, {
  preLoad: 1,
  error: lazyErrorWebp,
  loading: lazyLoadingWebp,
  attempt: 2,
});

const message = createApp(Message);
const messageEle = document.createElement('div');
const appEl = document.getElementById('app');
appEl?.appendChild(messageEle);
message.mount(messageEle);
app.mount('#app');