initHeader

frontend/src/main.ts

@@ -1,42 +1,45 @@
-import { createApp } from 'vue'
-import App from './App.vue'
+import { createApp } from "vue";
+import App from "./App.vue";
+// reset style sheet
+import "@/styles/reset.scss";
+// CSS common style sheet
+import "@/styles/common.scss";
+// iconfont css
+import "@/assets/iconfont/iconfont.scss";
+// font css
+import "@/assets/fonts/font.scss";
+// element css
+import "element-plus/dist/index.css";
+// element dark css
+import "element-plus/theme-chalk/dark/css-vars.css";
+// custom element dark css
+import "@/styles/element-dark.scss";
+// custom element css
+import "@/styles/element.scss";
+// svg icons
+import "virtual:svg-icons-register";
+// element plus
+import ElementPlus from "element-plus";
+// element icons
+import * as Icons from "@element-plus/icons-vue";
+// custom directives
+import directives from "@/directives/index";
+// vue Router
+import router from "@/routers";
+// vue i18n
+import I18n from "@/languages/index";
+// pinia store
+import pinia from "@/stores";
+// errorHandler
+import errorHandler from "@/utils/errorHandler";
 
-// element-plus 全局引入图标
-import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+const app = createApp(App);
 
-// 使用pinia
-import pinia from '@/stores'
-// 导入路由
-import Router from './router/index'
-// 引入项目主CSS
-import '@/assets/styles/tailMain.css'
+app.config.errorHandler = errorHandler;
 
-// 导入全局注册的组件
-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')
-})
+// register the element Icons component
+Object.keys(Icons).forEach(key => {
+  app.component(key, Icons[key as keyof typeof Icons]);
+});
 
+app.use(ElementPlus).use(directives).use(router).use(I18n).use(pinia).mount("#app");