| | |
|---|
| | | import '/@/design/index.less'; |
|---|
| | | |
|---|
| | | // Register windi |
|---|
| | | import 'virtual:windi.css'; |
|---|
| | | import 'uno.css'; |
|---|
| | | import '@/design/index.less'; |
|---|
| | | import '@/components/VxeTable/src/css/index.scss'; |
|---|
| | | import 'ant-design-vue/dist/reset.css'; |
|---|
| | | // Register icon sprite |
|---|
| | | import 'virtual:svg-icons-register'; |
|---|
| | | |
|---|
| | | import { createApp } from 'vue'; |
|---|
| | | import App from './App.vue'; |
|---|
| | | import { initAppConfigStore } from '/@/logics/initAppConfig'; |
|---|
| | | import { setupErrorHandle } from '/@/logics/error-handle'; |
|---|
| | | import router, { setupRouter } from '/@/router'; |
|---|
| | | import { setupRouterGuard } from '/@/router/guard'; |
|---|
| | | import { setupStore } from '/@/store'; |
|---|
| | | import { setupGlobDirectives } from '/@/directives'; |
|---|
| | | import { setupI18n } from '/@/locales/setupI18n'; |
|---|
| | | import { registerGlobComp } from '/@/components/registerGlobComp'; |
|---|
| | | |
|---|
| | | // Do not introduce on-demand in local development? |
|---|
| | | // In the local development for introduce on-demand, the number of browser requests will increase by about 20%. |
|---|
| | | // Which may slow down the browser refresh. |
|---|
| | | // Therefore, all are introduced in local development, and only introduced on demand in the production environment |
|---|
| | | if (import.meta.env.DEV) { |
|---|
| | | import('ant-design-vue/dist/antd.less'); |
|---|
| | | } |
|---|
| | | import { registerGlobComp } from '@/components/registerGlobComp'; |
|---|
| | | import { setupGlobDirectives } from '@/directives'; |
|---|
| | | import { setupI18n } from '@/locales/setupI18n'; |
|---|
| | | import { setupErrorHandle } from '@/logics/error-handle'; |
|---|
| | | import { initAppConfigStore } from '@/logics/initAppConfig'; |
|---|
| | | import { router, setupRouter } from '@/router'; |
|---|
| | | import { setupRouterGuard } from '@/router/guard'; |
|---|
| | | import { setupStore } from '@/store'; |
|---|
| | | |
|---|
| | | import App from './App.vue'; |
|---|
| | | |
|---|
| | | async function bootstrap() { |
|---|
| | | const app = createApp(App); |
|---|
| | | |
|---|
| | | // Configure store |
|---|
| | | // 配置 store |
|---|
| | | setupStore(app); |
|---|
| | | |
|---|
| | | // Initialize internal system configuration |
|---|
| | | // 初始化内部系统配置 |
|---|
| | | initAppConfigStore(); |
|---|
| | | |
|---|
| | | // Register global components |
|---|
| | | // 注册全局组件 |
|---|
| | | registerGlobComp(app); |
|---|
| | | |
|---|
| | | // Multilingual configuration |
|---|
| | | // 多语言配置 |
|---|
| | | // Asynchronous case: language files may be obtained from the server side |
|---|
| | | // 异步案例：语言文件可能从服务器端获取 |
|---|
| | | await setupI18n(app); |
|---|
| | | |
|---|
| | | // Configure routing |
|---|
| | | // 配置路由 |
|---|
| | | setupRouter(app); |
|---|
| | | |
|---|
| | | // router-guard |
|---|
| | | setupRouterGuard(); |
|---|
| | | // 路由守卫 |
|---|
| | | setupRouterGuard(router); |
|---|
| | | |
|---|
| | | // Register global directive |
|---|
| | | // 注册全局指令 |
|---|
| | | setupGlobDirectives(app); |
|---|
| | | |
|---|
| | | // Configure global error handling |
|---|
| | | // 配置全局错误处理 |
|---|
| | | setupErrorHandle(app); |
|---|
| | | |
|---|
| | | // Mount when the route is ready |
|---|
| | | // https://next.router.vuejs.org/api/#isready |
|---|
| | | await router.isReady(); |
|---|
| | | // await router.isReady(); |
|---|
| | | |
|---|
| | | app.mount('#app', true); |
|---|
| | | app.mount('#app'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | void bootstrap(); |
|---|
| | | bootstrap(); |
|---|
