feat: internationalize various components and views with i18n translations

src/views/wallet/funding.vue

@@ -1,6 +1,7 @@
 <script lang='ts' setup>
 import { eyeOffOutline, eyeOutline } from "ionicons/icons";
 
+const { t } = useI18n();
 const walletStore = useWalletStore();
 const { fundingBalances, totalAssetValue } = storeToRefs(walletStore);
 const fundingBalanceVisible = useStorage("funding-balances-visible", true);
@@ -15,14 +16,14 @@ onMounted(() => {
     <ion-header class="ion-no-border">
       <ion-toolbar class="ion-toolbar">
         <ui-back-button slot="start" />
-        <ion-title>资金账户</ion-title>
+        <ion-title>{{ t('wallet.funding.title') }}</ion-title>
       </ion-toolbar>
     </ion-header>
     <ion-content :fullscreen="true">
       <div class="flex flex-col gap-1 ion-padding border-b border-text-900 mb-2">
         <div class="text-sm text-gray-500 flex items-center gap-2" @click="fundingBalanceVisible = !fundingBalanceVisible">
           <div class="text-md">
-            总资产估值
+            {{ t('wallet.funding.totalAssets') }}
           </div>
           <ion-icon :icon="fundingBalanceVisible ? eyeOffOutline : eyeOutline" />
         </div>
@@ -37,7 +38,7 @@ onMounted(() => {
       </div>
 
       <div class="ion-padding-horizontal text-md font-semibold my-4">
-        资产
+        {{ t('wallet.funding.assets') }}
       </div>
 
       <ion-list lines="none" class="space-y-5 mt-2!">
@@ -50,10 +51,10 @@ onMounted(() => {
                 {{ asset.assetCode }}
               </div>
               <div class="text-xs text-text-500 font-semibold">
-                总共: ${{ Number(asset.total).toFixed(2) }}
+                {{ t('wallet.funding.total') }}: ${{ Number(asset.total).toFixed(2) }}
               </div>
               <div class="text-xs text-text-500 font-semibold">
-                冻结: ${{ Number(asset.frozen).toFixed(2) }}
+                {{ t('wallet.funding.frozen') }}: ${{ Number(asset.frozen).toFixed(2) }}
               </div>
             </div>
           </div>