use async load

src/main.ts

@@ -4,18 +4,20 @@ import router from "@/router";
 import Root from "@/Root.vue";
 import { useCurrentStoreStore } from "@/store/currentStoreStore";
 
-import "tdesign-mobile-vue/es/style/index.css";
-import "timi-web/style.css";
-import "timi-tdesign-mobile/style.css";
-import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
-import "@/assets/styles/tdesign-custom.css";
-import "@/assets/styles/global.less";
-import TimiWebUI from "timi-web";
-import { configureUserStore, Network, useUserStore, VCan, VRole } from "timi-web-api";
+import { configureUserStore, useUserStore } from "timi-web-api/store";
+import Network from "timi-web-api/utils/Network";
+import { VCan, VRole } from "timi-web-api/utils/directives/Access";
 import type { ApiResponse } from "timi-web-api";
 import { Message } from "@/utils/message";
 import vEntranceTransition from "@/directives/entranceTransition";
 
+import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
+import "tdesign-mobile-vue/es/style/index.css";
+import "timi-web/style.css";
+import "timi-tdesign-mobile/style.css";
+import "@/assets/styles/tdesign-custom.css";
+import "@/assets/styles/global.less";
+
 export const pinia = createPinia();
 const apiBaseURL = import.meta.env.VITE_API_BASE_URL as string | undefined;
 
@@ -47,7 +49,6 @@ Network.setGlobalRequestInterceptor((config: any) => {
 async function bootstrap(): Promise<void> {
 	const app = createApp(Root);
 	app.use(pinia);
-	app.use(TimiWebUI);
 	app.directive("can", VCan);
 	app.directive("role", VRole);
 	app.directive("entrance-transition", vEntranceTransition);
@@ -64,6 +65,8 @@ async function bootstrap(): Promise<void> {
 	});
 
 	app.use(router);
+	await router.isReady();
+	await import("timi-tdesign-mobile");
 	app.mount("#root");
 }