商城c端前端

web/src/main.ts

@@ -1,49 +1,15 @@
-import './styles/tailwind.css';
 import { createApp } from 'vue';
+import { createDiscreteApi, NIcon, NModal, NSpin } from 'naive-ui';
 import App from './App.vue';
-import router, { setupRouter } from './router';
-import { setupStore } from '@/store';
-import { setupNaive, setupDirectives } from '@/plugins';
-import { AppProvider } from '@/components/Application';
-import setupWebsocket from '@/utils/websocket/index';
-import i18n from '@/locale/index';
+import router from './router';
+import './mobile/styles.css';
 
-async function bootstrap() {
-  const appProvider = createApp(AppProvider);
+const app = createApp(App);
+const { message } = createDiscreteApi(['message']);
 
-  const app = createApp(App);
-
-  // 国际化
-  app.use(i18n);
-  app.config.globalProperties.t = i18n.global.t;
-
-  // 注册全局常用的 naive-ui 组件
-  setupNaive(app);
-
-  // 注册全局自定义组件
-  //setupCustomComponents();
-
-  // 注册全局自定义指令，如：v-permission权限指令
-  setupDirectives(app);
-
-  // 注册全局方法，如：app.config.globalProperties.$message = message
-  //setupGlobalMethods(app);
-
-  // 挂载状态管理
-  setupStore(app);
-
-  //优先挂载一下 Provider 解决路由守卫，Axios中可使用，Dialog，Message 等之类组件
-  appProvider.mount('#appProvider', true);
-
-  // 挂载路由
-  await setupRouter(app);
-
-  // 路由准备就绪后挂载APP实例
-  await router.isReady();
-
-  setupWebsocket();
-
-  app.mount('#app', true);
-}
-
-void bootstrap();
+window.$message = message;
+app.component('NIcon', NIcon);
+app.component('NModal', NModal);
+app.component('NSpin', NSpin);
+app.use(router);
+app.mount('#app');