feat: 添加 IonRouterOutlet 组件支持，优化 App 组件的路由动画设置

auto-imports.d.ts

@@ -7,6 +7,7 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue').EffectScope
+  const IonRouterOutlet: typeof import('@ionic/vue').IonRouterOutlet
   const acceptHMRUpdate: typeof import('pinia').acceptHMRUpdate
   const asyncComputed: typeof import('@vueuse/core').asyncComputed
   const autoResetRef: typeof import('@vueuse/core').autoResetRef

src/App.vue

@@ -6,15 +6,16 @@ const { isAuthenticated } = storeToRefs(userStore);
 const { locale, loadSavedLanguage } = useLanguage();
 const { initializeWallet } = useWalletStore();
 const { updateProfile } = useUserStore();
+const route = useRoute();
 
 onMounted(() => {
   if (!isAuthenticated.value)
     return;
   updateProfile();
   initializeWallet();
-  CapacitorApp.addListener("appStateChange", async ({ isActive }) => {
+  CapacitorApp.addListener("appStateChange", ({ isActive }) => {
     if (isActive) {
-      await userStore.updateProfile();
+      userStore.updateProfile();
     }
   });
 });
@@ -31,7 +32,7 @@ watch(locale, (newLocale) => {
 <template>
   <IonApp>
     <Suspense>
-      <IonRouterOutlet />
+      <IonRouterOutlet :animated="false" />
     </Suspense>
   </IonApp>
 </template>

src/main.ts

@@ -52,6 +52,8 @@ authClient.getSession().then((session) => {
       mode: "ios",
       statusTap: true,
       swipeBackEnabled: true,
+      // rippleEffect: true,
+      // animated: false,
     })
     .use(uiComponents)
     .use(pinia)