feat: 更新组件声明，添加缺失的Ionic组件支持，优化应用初始化逻辑

components.d.ts

@@ -19,19 +19,32 @@ declare module 'vue' {
     IonAvatar: typeof import('@ionic/vue')['IonAvatar']
     IonBackButton: typeof import('@ionic/vue')['IonBackButton']
     IonButton: typeof import('@ionic/vue')['IonButton']
+    IonButtons: typeof import('@ionic/vue')['IonButtons']
+    IonCol: typeof import('@ionic/vue')['IonCol']
     IonContent: typeof import('@ionic/vue')['IonContent']
     IonDatetime: typeof import('@ionic/vue')['IonDatetime']
     IonDatetimeButton: typeof import('@ionic/vue')['IonDatetimeButton']
+    IonFooter: typeof import('@ionic/vue')['IonFooter']
+    IonGrid: typeof import('@ionic/vue')['IonGrid']
     IonHeader: typeof import('@ionic/vue')['IonHeader']
     IonIcon: typeof import('@ionic/vue')['IonIcon']
+    IonInfiniteScroll: typeof import('@ionic/vue')['IonInfiniteScroll']
+    IonInfiniteScrollContent: typeof import('@ionic/vue')['IonInfiniteScrollContent']
+    IonInput: typeof import('@ionic/vue')['IonInput']
     IonItem: typeof import('@ionic/vue')['IonItem']
     IonLabel: typeof import('@ionic/vue')['IonLabel']
     IonList: typeof import('@ionic/vue')['IonList']
+    IonListHeader: typeof import('@ionic/vue')['IonListHeader']
     IonModal: typeof import('@ionic/vue')['IonModal']
+    IonNote: typeof import('@ionic/vue')['IonNote']
     IonPage: typeof import('@ionic/vue')['IonPage']
+    IonRadio: typeof import('@ionic/vue')['IonRadio']
+    IonRadioGroup: typeof import('@ionic/vue')['IonRadioGroup']
     IonRefresher: typeof import('@ionic/vue')['IonRefresher']
     IonRefresherContent: typeof import('@ionic/vue')['IonRefresherContent']
     IonRouterOutlet: typeof import('@ionic/vue')['IonRouterOutlet']
+    IonRow: typeof import('@ionic/vue')['IonRow']
+    IonSearchbar: typeof import('@ionic/vue')['IonSearchbar']
     IonSelect: typeof import('@ionic/vue')['IonSelect']
     IonSelectOption: typeof import('@ionic/vue')['IonSelectOption']
     IonTabBar: typeof import('@ionic/vue')['IonTabBar']
@@ -56,19 +69,32 @@ declare global {
   const IonAvatar: typeof import('@ionic/vue')['IonAvatar']
   const IonBackButton: typeof import('@ionic/vue')['IonBackButton']
   const IonButton: typeof import('@ionic/vue')['IonButton']
+  const IonButtons: typeof import('@ionic/vue')['IonButtons']
+  const IonCol: typeof import('@ionic/vue')['IonCol']
   const IonContent: typeof import('@ionic/vue')['IonContent']
   const IonDatetime: typeof import('@ionic/vue')['IonDatetime']
   const IonDatetimeButton: typeof import('@ionic/vue')['IonDatetimeButton']
+  const IonFooter: typeof import('@ionic/vue')['IonFooter']
+  const IonGrid: typeof import('@ionic/vue')['IonGrid']
   const IonHeader: typeof import('@ionic/vue')['IonHeader']
   const IonIcon: typeof import('@ionic/vue')['IonIcon']
+  const IonInfiniteScroll: typeof import('@ionic/vue')['IonInfiniteScroll']
+  const IonInfiniteScrollContent: typeof import('@ionic/vue')['IonInfiniteScrollContent']
+  const IonInput: typeof import('@ionic/vue')['IonInput']
   const IonItem: typeof import('@ionic/vue')['IonItem']
   const IonLabel: typeof import('@ionic/vue')['IonLabel']
   const IonList: typeof import('@ionic/vue')['IonList']
+  const IonListHeader: typeof import('@ionic/vue')['IonListHeader']
   const IonModal: typeof import('@ionic/vue')['IonModal']
+  const IonNote: typeof import('@ionic/vue')['IonNote']
   const IonPage: typeof import('@ionic/vue')['IonPage']
+  const IonRadio: typeof import('@ionic/vue')['IonRadio']
+  const IonRadioGroup: typeof import('@ionic/vue')['IonRadioGroup']
   const IonRefresher: typeof import('@ionic/vue')['IonRefresher']
   const IonRefresherContent: typeof import('@ionic/vue')['IonRefresherContent']
   const IonRouterOutlet: typeof import('@ionic/vue')['IonRouterOutlet']
+  const IonRow: typeof import('@ionic/vue')['IonRow']
+  const IonSearchbar: typeof import('@ionic/vue')['IonSearchbar']
   const IonSelect: typeof import('@ionic/vue')['IonSelect']
   const IonSelectOption: typeof import('@ionic/vue')['IonSelectOption']
   const IonTabBar: typeof import('@ionic/vue')['IonTabBar']

src/App.vue

@@ -8,10 +8,12 @@ const { initializeWallet } = useWalletStore();
 const { updateProfile } = useUserStore();
 
 onMounted(() => {
+  if (!isAuthenticated.value)
+    return;
   updateProfile();
   initializeWallet();
   CapacitorApp.addListener("appStateChange", async ({ isActive }) => {
-    if (isActive && isAuthenticated.value) {
+    if (isActive) {
       await userStore.updateProfile();
     }
   });

src/main.ts

@@ -48,10 +48,10 @@ authClient.getSession().then((session) => {
 
   const app = createApp(App)
     .use(IonicVue)
+    .use(uiComponents)
     .use(pinia)
     .use(router)
-    .use(i18n)
+    .use(i18n);
-    .use(uiComponents);
 
   router.isReady().then(() => {
     app.mount("#app");