feat: 添加 IonText 组件支持，更新依赖版本，优化默认布局和应用配置

src/components/layout/default.vue

@@ -5,41 +5,41 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <IonPage>
-    <IonTabs>
-      <IonRouterOutlet />
-      <IonTabBar slot="bottom" class="tabbar">
-        <IonTabButton tab="riwa" href="/layout/riwa">
-          <IonIcon aria-hidden="true" :icon="compass" />
-          <IonLabel>{{ t('tabs.riwa') }}</IonLabel>
-        </IonTabButton>
+  <ion-page>
+    <ion-tabs>
+      <ion-router-outlet />
+      <ion-tab-bar slot="bottom">
+        <ion-tab-button tab="riwa" href="/layout/riwa">
+          <ion-icon aria-hidden="true" :icon="compass" />
+          <ion-label>{{ t('tabs.riwa') }}</ion-label>
+        </ion-tab-button>
 
-        <IonTabButton tab="market" href="/layout/market">
-          <IonIcon aria-hidden="true" :icon="cellular" />
-          <IonLabel>{{ t('tabs.market') }}</IonLabel>
-        </IonTabButton>
+        <ion-tab-button tab="market" href="/layout/market">
+          <ion-icon aria-hidden="true" :icon="cellular" />
+          <ion-label>{{ t('tabs.market') }}</ion-label>
+        </ion-tab-button>
 
-        <IonTabButton tab="trade" href="/layout/trade">
-          <IonIcon aria-hidden="true" :icon="swapHorizontal" />
-          <IonLabel>{{ t('tabs.trade') }}</IonLabel>
-        </IonTabButton>
+        <ion-tab-button tab="trade" href="/layout/trade">
+          <ion-icon aria-hidden="true" :icon="swapHorizontal" />
+          <ion-label>{{ t('tabs.trade') }}</ion-label>
+        </ion-tab-button>
 
-        <IonTabButton tab="chat" href="/layout/chat">
-          <IonIcon aria-hidden="true" :icon="chatboxEllipses" />
-          <IonLabel>{{ t('tabs.chat') }}</IonLabel>
-        </IonTabButton>
+        <ion-tab-button tab="chat" href="/layout/chat">
+          <ion-icon aria-hidden="true" :icon="chatboxEllipses" />
+          <ion-label>{{ t('tabs.chat') }}</ion-label>
+        </ion-tab-button>
 
-        <IonTabButton tab="user" href="/layout/user">
-          <IonIcon aria-hidden="true" :icon="personCircle" />
-          <IonLabel>{{ t('tabs.user') }}</IonLabel>
-        </IonTabButton>
-      </IonTabBar>
-    </IonTabs>
-  </IonPage>
+        <ion-tab-button tab="user" href="/layout/user">
+          <ion-icon aria-hidden="true" :icon="personCircle" />
+          <ion-label>{{ t('tabs.user') }}</ion-label>
+        </ion-tab-button>
+      </ion-tab-bar>
+    </ion-tabs>
+  </ion-page>
 </template>
 
 <style scoped>
-.tabbar {
+ion-tab-bar {
   height: 60px;
   --background: var(--ion-background-color);
 }

src/main.ts

@@ -47,7 +47,12 @@ authClient.getSession().then((session) => {
   userStore.setToken(session.data?.session.token || "");
 
   const app = createApp(App)
-    .use(IonicVue)
+    .use(IonicVue, {
+      backButtonText: "返回",
+      mode: "ios",
+      statusTap: true,
+      swipeBackEnabled: true,
+    })
     .use(uiComponents)
     .use(pinia)
     .use(router)