diff --git a/docs/components/StatsBar.vue b/docs/components/StatsBar.vue
index 624e8c07..06e7927c 100644
--- a/docs/components/StatsBar.vue
+++ b/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>
diff --git a/docs/scripts/githubAPI.ts b/docs/components/scripts/githubAPI.ts
similarity index 100%
rename from docs/scripts/githubAPI.ts
rename to docs/components/scripts/githubAPI.ts
diff --git a/docs/scripts/i18nData.ts b/docs/components/scripts/i18nData.ts
similarity index 89%
rename from docs/scripts/i18nData.ts
rename to docs/components/scripts/i18nData.ts
index c262dcc5..ec3c1320 100644
--- a/docs/scripts/i18nData.ts
+++ b/docs/components/scripts/i18nData.ts
@@ -21,6 +21,7 @@ export default function getText(key: string): string {
     // 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];
     }
-    return i18nData[useData().site.value.lang][key];
 }
\ No newline at end of file
diff --git a/docs/en/index.md b/docs/en/index.md
index c884c8c1..8688135b 100644
--- a/docs/en/index.md
+++ b/docs/en/index.md
@@ -59,7 +59,9 @@ features:
     details: The project follows the LSO LICENSE and is open to contributions
     link: https://github.com/LiteyukiStudio/LiteyukiStudioOpensourceLICENSE
 ---
+
+
 <script setup>
 import StatsBar from '../components/StatsBar.vue'
 </script>
-<StatsBar></Statsbar>
\ No newline at end of file
+<StatsBar />
\ No newline at end of file
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
new file mode 100644
index 00000000..f912f254
--- /dev/null
+++ b/docs/tsconfig.json
@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "target": "es6",
+        "module": "commonjs",
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "include": [
+        "components/**/*.ts"
+    ],
+    "exclude": [
+        "node_modules"
+    ]
+}
\ No newline at end of file
diff --git a/docs/zh/index.md b/docs/zh/index.md
index 0017920b..bcbc269c 100644
--- a/docs/zh/index.md
+++ b/docs/zh/index.md
@@ -60,7 +60,8 @@ features:
     link: https://github.com/LiteyukiStudio/LiteyukiStudioOpensourceLICENSE
 ---
 
+
 <script setup>
 import StatsBar from '../components/StatsBar.vue'
 </script>
-<StatsBar></Statsbar>
+<StatsBar />