test-case-app/src/main.ts

import '@/assets/styles/index.scss'
// element css
import 'element-plus/dist/index.css'
// element dark css
import 'element-plus/theme-chalk/dark/css-vars.css'

import * as ElementPlusIconsVue from '@element-plus/icons-vue'

import { createApp } from 'vue'
import App from './App.vue'
import { setupRouter } from '@/router'
import { createPinia } from 'pinia'
import '@imengyu/vue3-context-menu/lib/vue3-context-menu.css'
import ContextMenu from '@imengyu/vue3-context-menu'

import { initWebSocket } from '@/utils/webSocket'

const pinia = createPinia()
// 创建实例
const setupAll = async () => {
  const app = createApp(App)
  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
  }
  setupRouter(app)
  app.use(ContextMenu)
  app.use(pinia)
  let protocol = window.location.protocol === 'https:' ? 'wss://' : 'ws://'
  initWebSocket(protocol + window.location.host + '/websocket')
  app.mount('#app')
}

setupAll()