📝 [docs]: 新增在线展示

docs/components/StatsBar.vue

@@ -1,5 +1,5 @@
 <script setup>
-import getText from "../scripts/i18nData";
+import getText from "../components/scripts/i18nData.ts";
 import {ref} from "vue";
 
 const onlineText = getText('online');
@@ -38,14 +38,14 @@ setInterval(updateData, 10000);
         <span class=dot style="background-color: #00a6ff"></span>
         <span class="text">{{ totalText }}</span>
       </div>
-      <div class="number">{{total.valueOf() < 0 ? getText('fetching') : total.valueOf()}}</div>
+      <div class="number">{{ total }}</div>
     </div>
     <div id="online" class="section">
       <div class="line">
         <span class=dot style="background-color: #00ff00"></span>
         <span class="text">{{ onlineText }}</span>
       </div>
-      <div class="number">{{ online.valueOf() < 0 ? getText('fetching') : online.valueOf()}}</div>
+      <div class="number">{{ online }}</div>
     </div>
   </div>
 </template>

docs/components/scripts/i18nData.ts

@@ -0,0 +1,27 @@
+import {useData} from "vitepress";
+
+const i18nData = {
+    "zh": {
+        online: '当前在线',
+        offline: '离线',
+        total: '全球实例',
+        fetching: '获取中',
+    },
+    "en": {
+        online: 'Online',
+        offline: 'Offline',
+        total: 'Total',
+        fetching: 'Fetching',
+    }
+}
+
+export default function getText(key: string): string {
+    // 转换语言
+    // zh-Hans -> zh
+    // en-US -> en
+    if (useData().site.value.lang.includes('-')) {
+        return i18nData[useData().site.value.lang.split('-')[0]][key];
+    } else {
+        return i18nData[useData().site.value.lang][key];
+    }
+}