main.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. import App from './App.vue';
  2. import { createApp } from 'vue';
  3. import { setupStore } from '@/sheep/store';
  4. import { setupSheep } from '@/sheep';
  5. import { setupRouter } from '@/sheep/router';
  6. // element-plus
  7. import ElementPlus from 'element-plus';
  8. import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
  9. import en from 'element-plus/dist/locale/en.mjs';
  10. // i18n
  11. import i18n from '@/locales';
  12. // css reset
  13. import 'normalize.css/normalize.css';
  14. // unocss
  15. import 'uno.css';
  16. // iconify
  17. import '@iconify/iconify';
  18. // mock service
  19. import { startMocking } from '@/sheep/mock';
  20. async function bootstrap() {
  21. // 启动 Mock 服务(仅在开发环境且启用 Mock 时)
  22. if (import.meta.env.SHEEP_USE_MOCK === 'true') {
  23. await startMocking();
  24. }
  25. const app = createApp(App);
  26. // i18n
  27. app.use(i18n);
  28. // element-plus with dynamic locale
  29. const elementLocales = {
  30. 'zh-CN': zhCn,
  31. 'en-US': en,
  32. };
  33. app.use(ElementPlus, {
  34. locale: elementLocales[i18n.global.locale.value] || zhCn,
  35. });
  36. // pinia store
  37. setupStore(app);
  38. // sheepjs init
  39. await setupSheep(app);
  40. // router
  41. await setupRouter(app).isReady();
  42. app.mount('#app');
  43. // 应用加载完成后,延迟一点时间确保页面完全渲染,然后隐藏加载页面
  44. setTimeout(() => {
  45. window.dispatchEvent(new Event('app-loaded'));
  46. }, 500);
  47. }
  48. bootstrap();