| | |
|---|
| | | import '/@/design/index.less'; |
|---|
| | | import '@virtual/windi.css'; |
|---|
| | | |
|---|
| | | import { createApp } from 'vue'; |
|---|
| | | import App from './App.vue'; |
|---|
| | | |
|---|
| | | import router, { setupRouter } from '/@/router'; |
|---|
| | | import { setupStore } from '/@/store'; |
|---|
| | | import { setupAntd } from '/@/setup/ant-design-vue'; |
|---|
| | | import { setupErrorHandle } from '/@/setup/error-handle/index'; |
|---|
| | | import { setupDirectives } from '/@/setup/directives/index'; |
|---|
| | | import { setupErrorHandle } from '/@/logics/error-handle'; |
|---|
| | | import { setupGlobDirectives } from '/@/directives'; |
|---|
| | | import { setupI18n } from '/@/locales/setupI18n'; |
|---|
| | | import { registerGlobComp } from '/@/components/registerGlobComp'; |
|---|
| | | |
|---|
| | | import { isDevMode, isProdMode, isUseMock } from '/@/utils/env'; |
|---|
| | | import { setupProdMockServer } from '../mock/_createProductionServer'; |
|---|
| | | import { setApp } from './useApp'; |
|---|
| | | // router-guard |
|---|
| | | import '/@/router/guard'; |
|---|
| | | |
|---|
| | | import App from './App.vue'; |
|---|
| | | import '/@/design/index.less'; |
|---|
| | | // Register icon Sprite |
|---|
| | | import 'vite-plugin-svg-icons/register'; |
|---|
| | | |
|---|
| | | const app = createApp(App); |
|---|
| | | import { isDevMode } from '/@/utils/env'; |
|---|
| | | |
|---|
| | | // ui |
|---|
| | | setupAntd(app); |
|---|
| | | // router |
|---|
| | | setupRouter(app); |
|---|
| | | // store |
|---|
| | | setupStore(app); |
|---|
| | | (async () => { |
|---|
| | | const app = createApp(App); |
|---|
| | | // Register global components |
|---|
| | | registerGlobComp(app); |
|---|
| | | |
|---|
| | | setupDirectives(app); |
|---|
| | | // Multilingual configuration |
|---|
| | | await setupI18n(app); |
|---|
| | | |
|---|
| | | setupErrorHandle(app); |
|---|
| | | // Configure routing |
|---|
| | | setupRouter(app); |
|---|
| | | |
|---|
| | | router.isReady().then(() => { |
|---|
| | | app.mount('#app'); |
|---|
| | | }); |
|---|
| | | // Configure vuex store |
|---|
| | | setupStore(app); |
|---|
| | | |
|---|
| | | if (isDevMode()) { |
|---|
| | | app.config.performance = true; |
|---|
| | | window.__APP__ = app; |
|---|
| | | } |
|---|
| | | // Register global directive |
|---|
| | | setupGlobDirectives(app); |
|---|
| | | |
|---|
| | | if (isProdMode() && isUseMock()) { |
|---|
| | | setupProdMockServer(); |
|---|
| | | } |
|---|
| | | // Configure global error handling |
|---|
| | | setupErrorHandle(app); |
|---|
| | | |
|---|
| | | setApp(app); |
|---|
| | | // Mount when the route is ready |
|---|
| | | await router.isReady(); |
|---|
| | | |
|---|
| | | app.mount('#app', true); |
|---|
| | | |
|---|
| | | // The development environment takes effect |
|---|
| | | if (isDevMode()) { |
|---|
| | | // app.config.performance = true; |
|---|
| | | window.__APP__ = app; |
|---|
| | | } |
|---|
| | | })(); |
|---|
