feat: 添加资产相关的国际化支持，更新资产余额、发行资产、我的收益和购买资产组件的文本

src/views/user/components/asset-balance.vue

@@ -1,35 +1,37 @@
 <script lang='ts' setup>
 import { cardOutline, cashOutline, linkOutline, walletOutline } from "ionicons/icons";
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="mt-10">
     <ion-label class="text-xs font-medium text-text-300">
-      Asset Balance
+      {{ t("asset.balance.assetBalance") }}
     </ion-label>
     <div class="grid grid-cols-4 mt-5">
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="cashOutline" />
         <div class="text-xs">
-          Fiat
+          {{ t("asset.balance.fiat") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="linkOutline" />
         <div class="text-xs">
-          On-Chain
+          {{ t("asset.balance.onChain") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="walletOutline" />
         <div class="text-xs">
-          Wallet
+          {{ t("asset.balance.wallet") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="cardOutline" />
         <div class="text-xs">
-          Recharge
+          {{ t("asset.balance.recharge") }}
         </div>
       </div>
     </div>

src/views/user/components/issuing-asset.vue

@@ -1,35 +1,37 @@
 <script lang='ts' setup>
 import { calculatorOutline, documentTextOutline, fingerPrintOutline, personOutline } from "ionicons/icons";
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="mt-10">
     <ion-label class="text-xs font-medium text-text-300">
-      Issuing Asset
+      {{ t("asset.issue.issuingAsset") }}
     </ion-label>
     <div class="grid grid-cols-4 mt-5">
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="personOutline" />
         <div class="text-xs">
-          My Company
+          {{ t("asset.issue.myCompany") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="documentTextOutline" />
         <div class="text-xs">
-          Issuing Apply
+          {{ t("asset.issue.issuingApply") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="calculatorOutline" />
         <div class="text-xs">
-          Audit
+          {{ t("asset.issue.audit") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="fingerPrintOutline" />
         <div class="text-xs">
-          Supervision
+          {{ t("asset.issue.supervision") }}
         </div>
       </div>
     </div>

src/views/user/components/my-revenue.vue

@@ -1,35 +1,37 @@
 <script lang='ts' setup>
 import { calendarOutline, listOutline, timeOutline, walletOutline } from "ionicons/icons";
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="mt-10">
     <ion-label class="text-xs font-medium text-text-300">
-      My Revenue
+      {{ t("asset.revenue.myRevenue") }}
     </ion-label>
     <div class="grid grid-cols-4 mt-5">
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="walletOutline" />
         <div class="text-xs">
-          Total Revenue
+          {{ t("asset.revenue.totalRevenue") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="calendarOutline" />
         <div class="text-xs">
-          Monthly Revenue
+          {{ t("asset.revenue.monthlyRevenue") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="timeOutline" />
         <div class="text-xs">
-          Pending Revenue
+          {{ t("asset.revenue.pendingRevenue") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="listOutline" />
         <div class="text-xs">
-          Revenue Details
+          {{ t("asset.revenue.revenueDetails") }}
         </div>
       </div>
     </div>

src/views/user/components/purchase-asset.vue

@@ -1,35 +1,37 @@
 <script lang='ts' setup>
 import { cashOutline, homeOutline, logoUsd, swapHorizontalOutline } from "ionicons/icons";
+
+const { t } = useI18n();
 </script>
 
 <template>
   <div class="mt-10">
     <ion-label class="text-xs font-medium text-text-300">
-      Purchase Assets
+      {{ t("asset.purchase.purchaseAsset") }}
     </ion-label>
     <div class="grid grid-cols-4 mt-5">
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="cashOutline" />
         <div class="text-xs">
-          Fiat Purchase
+          {{ t("asset.purchase.fiatPurchase") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="logoUsd" />
         <div class="text-xs">
-          Crypto Purchase
+          {{ t("asset.purchase.cryptoPurchase") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="homeOutline" />
         <div class="text-xs">
-          Real Estate
+          {{ t("asset.purchase.realEstate") }}
         </div>
       </div>
       <div class="col-span-1 flex-col-center gap-2">
         <ion-icon :icon="swapHorizontalOutline" />
         <div class="text-xs">
-          Asset Exchange
+          {{ t("asset.purchase.assetExchange") }}
         </div>
       </div>
     </div>