Update UseHome.svelte I18n support

AquaNet/src/libs/i18n.ts

@@ -1,5 +1,16 @@
 const EN_REF_USER = {
-  'TEST': 'TEST'
+  'UseHome.ServerRank': 'Server Rank',
+  'UseHome.Ratting':'DX Ratting',
+  'UseHome.Statistics':'Statistics',
+  'UseHome.Accuracy':'Accuracy',
+  'UseHome.DXScore':'DX Score',
+  'UseHome.PlayActivity':' Play Activity',
+  'UseHome.Plays':'Plays',
+  'UseHome.PlayTime':'Play Time',
+  'UseHome.FirstSeen':'First Seen',
+  'UseHome.LastSeen':'Last Seen',
+  'UseHome.Vesion':'Last Version',
+  'UseHome.RecentScores':'Recent Scores'
 }
 const EN_REF_Welcome = {
   'back': 'Back',
@@ -43,7 +54,18 @@ const zhWelcome ={
   'welcome.verification-failed': '验证失败：${message}。请重试',
 }
 const zhUser={
-  'test':'test'
+  'UseHome.ServerRank':'服务器排名',
+  'UseHome.Ratting':'DX B50分',
+  'UseHome.Statistics':'统计数据',
+  'UseHome.Accuracy':'准确度',
+  'UseHome.DXScore':'DX 得分',
+  'UseHome.PlayActivity':'游戏活动',
+  'UseHome.Plays':'出勤次',
+  'UseHome.PlayTime':'出勤时间',
+  'UseHome.FirstSeen':'发现新大陆',
+  'UseHome.LastSeen':'上次出勤',
+  'UseHome.Version':'最新最热否',
+  'UseHome.RecentScores':'我的战绩'
 }
 
 

AquaNet/src/pages/UserHome.svelte

@@ -10,6 +10,7 @@
   import { type GameName, getMult } from "../libs/scoring";
   import StatusOverlays from "../components/StatusOverlays.svelte";
   import Icon from "@iconify/svelte";
+  import {t} from "../libs/i18n";
 
   registerChart()
 
@@ -73,17 +74,17 @@
     </div>
 
     <div>
-      <h2>{titleText} Statistics</h2>
+      <h2>{titleText} {t('UseHome.Statistics')}</h2>
       <div class="scoring-info">
         <div class="chart">
           <div class="info-top">
             <div class="rating">
-              <span>{game === 'mai2' ? 'DX Rating' : 'Rating'}</span>
+              <span>{game === 'mai2' ? t("UseHome.Ratting"): 'Rating'}</span>
               <span>{d.user.rating.toLocaleString()}</span>
             </div>
 
             <div class="rank">
-              <span>Server Rank</span>
+              <span>{t('UseHome.ServerRank')}</span>
               <span>#{+d.user.serverRank.toLocaleString() + 1}</span>
             </div>
           </div>
@@ -122,7 +123,7 @@
 
         <div class="other-info">
           <div class="accuracy">
-            <span>Accuracy</span>
+            <span>{t('UseHome.Accuracy')}</span>
             <span>{(d.user.accuracy).toFixed(2)}%</span>
           </div>
 
@@ -142,7 +143,7 @@
           </div>
 
           <div class="total-dx-score">
-            <span>{game === 'mai2' ? 'DX Score' : 'Total Score'}</span>
+            <span>{game === 'mai2' ? t('UseHome.DXScore') : 'Total Score'}</span>
             <span>{d.user.totalScore.toLocaleString()}</span>
           </div>
         </div>
@@ -150,33 +151,33 @@
     </div>
 
     <div>
-      <h2>Play Activity</h2>
+      <h2>{t('UseHome.PlayActivity')}</h2>
       <div class="activity-info">
         <div class="hide-scrollbar" id="cal-heatmap" bind:this={calElement} />
 
         <div class="info-bottom">
           <div class="plays">
-            <span>Plays</span>
+            <span>{t("UseHome.Plays")}</span>
             <span>{d.user.plays}</span>
           </div>
 
           <div class="time">
-            <span>Play Time</span>
+            <span>{t('UseHome.PlayTime')}</span>
             <span>{(d.user.totalPlayTime / 60).toFixed(1)} hr</span>
           </div>
 
           <div class="first-play">
-            <span>First Seen</span>
+            <span>{t('UseHome.FirstSeen')}</span>
             <span>{moment(d.user.joined).format("YYYY-MM-DD")}</span>
           </div>
 
           <div class="last-play">
-            <span>Last Seen</span>
+            <span>{t('UseHome.LastSeen')}</span>
             <span>{moment(d.user.lastSeen).format("YYYY-MM-DD")}</span>
           </div>
 
           <div class="last-version">
-            <span>Last Version</span>
+            <span>{t('UseHome.Version')}</span>
             <span>{d.user.lastVersion}</span>
           </div>
         </div>
@@ -184,7 +185,7 @@
     </div>
 
     <div class="recent">
-      <h2>Recent Scores</h2>
+      <h2>{t('UseHome.RecentScores')}</h2>
       <div class="scores">
         {#each d.recent as r, i}
           <div class:alt={i % 2 === 0}>