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

src/locales/en-US.json

@@ -5,5 +5,35 @@
     "withdraw": "Withdraw",
     "transfer": "Transfer",
     "balance": "Balance"
+  },
+  "asset": {
+    "issue": {
+      "issuingAsset": "Issuing Asset",
+      "myCompany": "My Company",
+      "issuingApply": "Issuing Apply",
+      "audit": "Audit",
+      "supervision": "Supervision"
+    },
+    "purchase": {
+      "purchaseAsset": "Purchase Assets",
+      "fiatPurchase": "Fiat Purchase",
+      "cryptoPurchase": "Crypto Purchase",
+      "realEstate": "Real Estate",
+      "assetExchange": "Asset Exchange"
+    },
+    "balance": {
+      "assetBalance": "Asset Balance",
+      "fiat": "Fiat",
+      "onChain": "On-Chain",
+      "wallet": "Wallet",
+      "recharge": "Recharge"
+    },
+    "revenue": {
+      "myRevenue": "My Revenue",
+      "totalRevenue": "Total Revenue",
+      "monthlyRevenue": "Monthly Revenue",
+      "pendingRevenue": "Pending Revenue",
+      "revenueDetails": "Revenue Details"
+    }
   }
 }

src/locales/index.ts

@@ -6,8 +6,8 @@ export type MessageSchema = typeof enUS;
 
 const i18n = createI18n<MessageSchema, "en-US" | "zh-CN">({
   legacy: false,
-  locale: "en-US",
-  fallbackLocale: "en-US",
+  locale: "zh-CN",
+  fallbackLocale: "zh-CN",
   messages: {
     "en-US": enUS,
     "zh-CN": zhCN,

src/locales/zh-CN.json

@@ -5,5 +5,35 @@
     "withdraw": "提现",
     "transfer": "转账",
     "balance": "余额"
+  },
+  "asset": {
+    "issue": {
+      "issuingAsset": "发行资产",
+      "myCompany": "我的企业",
+      "issuingApply": "发行申请",
+      "audit": "审核审计",
+      "supervision": "委托监管"
+    },
+    "purchase": {
+      "purchaseAsset": "购买资产",
+      "fiatPurchase": "法币购买",
+      "cryptoPurchase": "数字货币购买",
+      "realEstate": "房地产",
+      "assetExchange": "资产交换"
+    },
+    "balance": {
+      "assetBalance": "资产余额",
+      "fiat": "法币",
+      "onChain": "链上",
+      "wallet": "钱包",
+      "recharge": "充值"
+    },
+    "revenue": {
+      "myRevenue": "我的收益",
+      "totalRevenue": "总收益",
+      "monthlyRevenue": "月度收益",
+      "pendingRevenue": "待确认收益",
+      "revenueDetails": "收益明细"
+    }
   }
 }

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>