feat: 添加国际化支持，更新市场和交易视图中的文本，优化用户体验

src/components/layout/default.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { cellular, chatboxEllipses, compass, personCircle, swapHorizontal } from "ionicons/icons";
+
+const { t } = useI18n();
 </script>
 
 <template>
@@ -9,27 +11,27 @@ import { cellular, chatboxEllipses, compass, personCircle, swapHorizontal } from
       <IonTabBar slot="bottom" class="tabbar">
         <IonTabButton tab="riwa" href="/layout/riwa">
           <IonIcon aria-hidden="true" :icon="compass" />
-          <IonLabel>Riwa</IonLabel>
+          <IonLabel>{{ t('tabs.riwa') }}</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="market" href="/layout/market">
           <IonIcon aria-hidden="true" :icon="cellular" />
-          <IonLabel>Market</IonLabel>
+          <IonLabel>{{ t('tabs.market') }}</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="trade" href="/layout/trade">
           <IonIcon aria-hidden="true" :icon="swapHorizontal" />
-          <IonLabel>Trade</IonLabel>
+          <IonLabel>{{ t('tabs.trade') }}</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="chat" href="/layout/chat">
           <IonIcon aria-hidden="true" :icon="chatboxEllipses" />
-          <IonLabel>Chat</IonLabel>
+          <IonLabel>{{ t('tabs.chat') }}</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="user" href="/layout/user">
           <IonIcon aria-hidden="true" :icon="personCircle" />
-          <IonLabel>User</IonLabel>
+          <IonLabel>{{ t('tabs.user') }}</IonLabel>
         </IonTabButton>
       </IonTabBar>
     </IonTabs>