feat: internationalize various components and views with i18n translations

src/views/trade-settings/my-subscribe/index.vue

@@ -5,6 +5,8 @@ import { client, safeClient } from "@/api";
 import Category from "./components/category.vue";
 import MySubscribeList from "./components/my-subscribe-list.vue";
 
+const { t } = useI18n();
+
 const [query] = useResetRef<MySubscribeRwaBody>({
   categoryId: "",
   limit: 20,
@@ -61,7 +63,7 @@ onBeforeMount(() => {
     <ion-header>
       <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
-        <ion-title>我的申购</ion-title>
+        <ion-title>{{ t('tradeSettings.mySubscribe.title') }}</ion-title>
       </ion-toolbar>
     </ion-header>
 
@@ -76,7 +78,7 @@ onBeforeMount(() => {
       <ion-infinite-scroll threshold="100px" @ion-infinite="handleInfinite">
         <ion-infinite-scroll-content
           loading-spinner="bubbles"
-          loading-text="加载中..."
+          :loading-text="t('tradeSettings.mySubscribe.loading')"
         />
       </ion-infinite-scroll>
     </ion-content>