📝 [docs]: 新增在线展示

2024-11-22 15:37:38 +08:00 · 2024-09-01 20:39:51 +08:00 · 2024-09-01 20:39:51 +08:00 · 9cae3edb6b
commit 9cae3edb6b
parent 0860b61ccd
12 changed files with 591 additions and 257 deletions
--- a/.gitignore
+++ b/.gitignore
@ -64,3 +64,4 @@ mkdoc.bat
 # vitepress
 docs/.vitepress/dist/
 docs/.vitepress/cache
+docs/.vitepress/.temp
--- a/docs/.vitepress/config/common.ts
+++ b/docs/.vitepress/config/common.ts
@ -2,6 +2,7 @@

 import {defineConfig} from 'vitepress'
 import {generateSidebar} from 'vitepress-sidebar';
+import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
 import {zh} from "./zh";
 import {en} from "./en";

@ -122,4 +123,5 @@ export const common = defineConfig({
        root: {label: "简体中文", ...zh},
        en: {label: "English", ...en},
    },
+
 })
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@ -1,13 +1,11 @@
-import type {Theme} from "vitepress";
-
 import DefaultTheme from 'vitepress/theme'
 import './liteyuki.css'

 import StatsBar from '../../components/StatsBar.vue'

+
+
 export default {
    extends: DefaultTheme,
-    enhanceApp({app}) {
-        app.component('StatsBar', StatsBar)
-    },
-} satisfies Theme
+    Layout: StatsBar
+}
--- a/docs/components/StatsBar.vue
+++ b/docs/components/StatsBar.vue
@ -1,30 +1,63 @@
 <script setup lang="ts">
-
+import DefaultTheme from "vitepress/theme";
 import {ref, onMounted, onUnmounted} from "vue";
-import getText from "./scripts/i18n";
+import {statsApi, GithubStats} from "./scripts/statsApi";
+import {getTextRef, updateRef} from "./scripts/i18n";


+const {Layout} = DefaultTheme;

-const onlineText = getText('online');
-const totalText = getText('total');
+let githubStats: GithubStats | null = null;

-const onlineFetchUrl = "https://api.liteyuki.icu/online";
-const totalFetchUrl = "https://api.liteyuki.icu/count";
+const dataSections = {
+  total: {
+    name: 'total',
+    color: '#00a6ff',
+    value: ref(0),
+  },
+  online: {
+    name: 'online',
+    color: '#00ff00',
+    value: ref(0),
+  },
+  stars: {
+    name: 'stars',
+    color: '#ffcc00',
+    value: ref(0),
+  },
+  forks: {
+    name: 'forks',
+    color: '#ff6600',
+    value: ref(0),
+  },
+  issues: {
+    name: 'issues',
+    color: '#ff0000',
+    value: ref(0),
+  },
+  prs: {
+    name: 'prs',
+    color: '#ff00ff',
+    value: ref(0),
+  },
+}

-const online = ref(0);
-const total = ref(0);
-
-function updateData() {
-
-  fetch(onlineFetchUrl)
-    .then(response => response.json())
-    .then(data => online.value = data.online)
-    .catch(error => console.error('Error fetching online data:', error));
-
-  fetch(totalFetchUrl)
-    .then(response => response.json())
-    .then(data => total.value = data.register)
-    .catch(error => console.error('Error fetching total data:', error));
+async function updateData() {
+  // dataSections.online.value.value = await statsApi.getOnline();
+  // dataSections.total.value.value = await statsApi.getTotal();
+  [
+    dataSections.online.value.value,
+    dataSections.total.value.value,
+    githubStats,
+  ] = await Promise.all([
+    statsApi.getOnline(),
+    statsApi.getTotal(),
+    statsApi.getGithubStats(),
+  ]);
+  dataSections.stars.value.value = githubStats?.stars || 0;
+  dataSections.forks.value.value = githubStats?.forks || 0;
+  dataSections.issues.value.value = githubStats?.issues || 0;
+  dataSections.prs.value.value = githubStats?.prs || 0;
 }

 onMounted(() => {
@ -38,37 +71,45 @@ onMounted(() => {
 </script>

 <template>
+  <Layout>
+    <template #home-features-before>
+      <div class="stats-bar-content">
        <div class="stats-bar">
          <div class="stats-info">
-      <div id="total" class="section">
-        <div class="line">
-          <span class=dot style="background-color: #00a6ff"></span>
-          <span class="text">{{ totalText }}</span>
+            <div v-for="section in Object.values(dataSections)" :key="section.name" class="section">
+              <div class="section-tab">
+                <span class="dot" :style="{backgroundColor: section.color}"></span>
+                <span class="text">{{ getTextRef(section.name) }}</span>
              </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 }}</div>
+              <div class="number">{{ section.value.value }}</div>
            </div>
          </div>
          <div class="starmap">
            <iframe src="https://starmap.liteyuki.icu/" width="100%" height="300px"></iframe>
          </div>
        </div>
+      </div>

+    </template>
+  </Layout>
 </template>

 <style scoped>

+.stats-bar-content {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
 .stats-bar {
+  width: 80%;
+  max-width: 1150px;
  display: flex;
  justify-content: space-between;
  padding: 20px;
-  margin: 30px 10px 10px 10px;
+  margin: 30px;
  border-radius: var(--border-radius-2);
  background-color: var(--vp-c-gray-1);
  flex-direction: column; /* 默认纵向布局 */
@ -77,9 +118,10 @@ onMounted(() => {
 .stats-info {
  width: 100%;
  padding: 10px;
-  display: flex;
-  justify-content: space-evenly;
-  margin-bottom: 20px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  gap: 15px;
+  margin: 20px;
 }

 .section {
@ -87,16 +129,14 @@ onMounted(() => {
  flex-direction: column;
 }

-.section:not(:last-child) {
-  margin-right: 50px;
-}
-
-.line {
-  margin-bottom: 20px;
+.section-tab {
+  margin-left: 20px;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center; /* 确保垂直居中 */
 }

 .dot {
-  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
@ -105,12 +145,15 @@ onMounted(() => {

 .text {
  font-size: 14px;
+  white-space: nowrap;
+  align-items: center;
 }

 .number {
  font-size: 30px;
  font-weight: bold;
  margin-top: 5px;
+  margin-left: 20px;
 }

 .starmap {
--- a/docs/components/StatsBarBak.vue
+++ b/docs/components/StatsBarBak.vue
@ -1,174 +0,0 @@
-<script setup lang="ts">
-import {useData} from "vitepress";
-import {ref} from "vue";
-
-const i18nData = {
-  "zh": {
-    online: '当前在线',
-    offline: '离线',
-    total: '全球实例',
-    fetching: '获取中',
-  },
-  "en": {
-    online: 'Online',
-    offline: 'Offline',
-    total: 'Total',
-    fetching: 'Fetching',
-  }
-}
-
-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];
-  }
-}
-
-const onlineText = getText('online');
-const totalText = getText('total');
-
-const onlineFetchUrl = "https://api.liteyuki.icu/online";
-const totalFetchUrl = "https://api.liteyuki.icu/count";
-
-const online = ref(0);
-const total = ref(0);
-
-function updateData() {
-
-  fetch(onlineFetchUrl)
-    .then(response => response.json())
-    .then(data => online.value = data.online)
-    .catch(error => console.error('Error fetching online data:', error));
-
-  fetch(totalFetchUrl)
-    .then(response => response.json())
-    .then(data => total.value = data.register)
-    .catch(error => console.error('Error fetching total data:', error));
-}
-
-updateData();
-setInterval(updateData, 10000);
-
-</script>
-
-<template>
-  <div class="stats-bar">
-    <div class="stats-info">
-      <div id="total" class="section">
-        <div class="line">
-          <span class=dot style="background-color: #00a6ff"></span>
-          <span class="text">{{ totalText }}</span>
-        </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 }}</div>
-      </div>
-    </div>
-    <div class="starmap">
-      <iframe src="https://starmap.liteyuki.icu/" width="100%" height="300px"></iframe>
-    </div>
-  </div>
-
-</template>
-
-<style scoped>
-
-.stats-bar {
-  display: flex;
-  justify-content: space-between;
-  padding: 20px;
-  margin: 30px 10px 10px 10px;
-  border-radius: var(--border-radius-2);
-  background-color: var(--vp-c-gray-1);
-  flex-direction: column; /* 默认纵向布局 */
-}
-
-.stats-info {
-  width: 100%;
-  padding: 10px;
-  display: flex;
-  justify-content: space-evenly;
-  margin-bottom: 20px;
-}
-
-.section {
-  display: flex;
-  flex-direction: column;
-}
-
-.section:not(:last-child) {
-  margin-right: 50px;
-}
-
-.line {
-  margin-bottom: 20px;
-}
-
-.dot {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  margin-right: 5px;
-}
-
-.text {
-  font-size: 14px;
-}
-
-.number {
-  font-size: 30px;
-  font-weight: bold;
-  margin-top: 5px;
-}
-
-.starmap {
-  position: relative;
-  width: 100%;
-  height: 200px;
-  overflow: hidden;
-  border-radius: var(--border-radius-2);
-}
-
-.starmap iframe {
-  position: absolute;
-  top: -150px; /* 根据需要调整裁剪位置 */
-  left: -40px; /* 根据需要调整裁剪位置 */;
-  width: calc(100% + 80px); /* 根据需要调整裁剪宽度 */
-  height: calc(100% + 300px); /* 根据需要调整裁剪高度 */
-}
-
-@media (min-width: 768px) {
-  /* PC模式下的样式 */
-  .stats-bar {
-    flex-direction: row;
-  }
-
-  .stats-info {
-    width: 40%;
-  }
-
-  .starmap {
-    width: 60%;
-    height: 400px;
-  }
-
-  .starmap iframe {
-    position: absolute;
-    top: -130px; /* 根据需要调整裁剪位置 */
-    left: -60px; /* 根据需要调整裁剪位置 */;
-    width: calc(100% + 120px); /* 根据需要调整裁剪宽度 */
-    height: calc(100% + 280px); /* 根据需要调整裁剪高度 */
-  }
-}
-
-</style>
--- a/docs/components/Tabs.vue
+++ b/docs/components/Tabs.vue
--- a/docs/components/scripts/i18n.ts
+++ b/docs/components/scripts/i18n.ts
@ -1,27 +1,52 @@
+import {ref} from "vue";
 import {useData} from "vitepress";

 const i18nData = {
-  "zh": {
-    online: '当前在线',
-    offline: '离线',
-    total: '全球实例',
-    fetching: '获取中',
-  },
-  "en": {
+    en: {
        online: 'Online',
        offline: 'Offline',
        total: 'Total',
        fetching: 'Fetching',
+        stars: 'Stars',
+        forks: 'Forks',
+        issues: 'Issues',
+        prs: 'Pull Requests',
+    },
+    zh: {
+        online: '在线',
+        offline: '离线',
+        total: '实例',
+        fetching: '获取中',
+        stars: '星星',
+        forks: '叉子',
+        issues: '议题',
+        prs: '合并',
    }
 }

-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];
+let refData = {}
+
+function getText(lang: string, key: string): string {
+    lang = formatLang(lang);
+    return i18nData[key][key];
+}
+
+function formatLang(lang: string): string {
+    if (lang.includes('-')) {
+        return lang.split('-')[0];
+    }
+    return lang;
+}
+
+export function updateRef() {
+    const lang = useData().site.value.lang;
+    for (let key in refData) {
+        refData[key].value = getText(lang, key);
    }
 }
+
+export function getTextRef(key: string): any {
+    const lang = formatLang(useData().site.value.lang);
+    refData[key] = ref(i18nData[lang][key]);
+    return refData[key]
+}
--- a/docs/components/scripts/statsApi.ts
+++ b/docs/components/scripts/statsApi.ts
@ -0,0 +1,70 @@
+
+// URL
+const OWNER = "LiteyukiStudio"
+const REPO = "LiteyukiBot"
+const githubAPIUrl = "https://api.github.com"
+const onlineFetchUrl = "https://api.liteyuki.icu/online";
+const totalFetchUrl = "https://api.liteyuki.icu/count";
+
+
+type GithubStats = {
+    stars: number;
+    forks: number;
+    watchers: number;
+    issues?: number;
+    prs?: number;
+}
+
+// 异步接口
+interface StatsApi {
+    getTotal: () => Promise<number>;
+    getOnline: () => Promise<number>;
+    getGithubStats: () => Promise<GithubStats>;
+}
+
+
+export type { GithubStats };
+
+
+// 实现接口
+export const statsApi: StatsApi = {
+    getTotal: async () => {
+        try {
+            const res = await fetch(totalFetchUrl);
+            const data = await res.json();
+            return data.register;
+        } catch (e) {
+            return -1;
+        }
+    },
+    getOnline: async () => {
+        try {
+            const res = await fetch(onlineFetchUrl);
+            const data = await res.json();
+            return data.online;
+        } catch (e) {
+            return -1;
+        }
+    },
+    getGithubStats: async () => {
+        try {
+            const res = await fetch(`${githubAPIUrl}/repos/${OWNER}/${REPO}`);
+            const data = await res.json();
+            return {
+                stars: data.stargazers_count,
+                forks: data.forks_count,
+                watchers: data.watchers_count,
+                issues: data.open_issues_count,
+                prs: data.open_issues_count,
+            };
+        } catch (e) {
+            return {
+                stars: -1,
+                forks: -1,
+                watchers: -1,
+                issues: -1,
+                prs: -1,
+            };
+        }
+    },
+};
--- a/docs/en/index.md
+++ b/docs/en/index.md
@ -59,6 +59,3 @@ features:
    details: The project follows the LSO LICENSE and is open to contributions
    link: https://github.com/LiteyukiStudio/LiteyukiStudioOpensourceLICENSE
 ---
-
-
-<StatsBar />
--- a/docs/package.json
+++ b/docs/package.json
@ -1,5 +1,6 @@
 {
  "devDependencies": {
+    "@intlify/unplugin-vue-i18n": "^4.0.0",
    "vitepress": "^1.3.4",
    "vitepress-sidebar": "^1.25.0"
  },
--- a/docs/pnpm-lock.yaml
+++ b/docs/pnpm-lock.yaml
@ -13,6 +13,9 @@ dependencies:
    version: 3.4.38

 devDependencies:
+  '@intlify/unplugin-vue-i18n':
+    specifier: ^4.0.0
+    version: 4.0.0
  vitepress:
    specifier: ^1.3.4
    version: 1.3.4(@algolia/client-search@5.2.3)(search-insights@2.17.0)
@ -473,9 +476,112 @@ packages:
    dev: true
    optional: true

+  /@intlify/bundle-utils@8.0.0:
+    resolution: {integrity: sha512-1B++zykRnMwQ+20SpsZI1JCnV/YJt9Oq7AGlEurzkWJOFtFAVqaGc/oV36PBRYeiKnTbY9VYfjBimr2Vt42wLQ==}
+    engines: {node: '>= 14.16'}
+    peerDependencies:
+      petite-vue-i18n: '*'
+      vue-i18n: '*'
+    peerDependenciesMeta:
+      petite-vue-i18n:
+        optional: true
+      vue-i18n:
+        optional: true
+    dependencies:
+      '@intlify/message-compiler': 9.14.0
+      '@intlify/shared': 9.14.0
+      acorn: 8.12.1
+      escodegen: 2.1.0
+      estree-walker: 2.0.2
+      jsonc-eslint-parser: 2.4.0
+      mlly: 1.7.1
+      source-map-js: 1.2.0
+      yaml-eslint-parser: 1.2.3
+    dev: true
+
+  /@intlify/message-compiler@9.14.0:
+    resolution: {integrity: sha512-sXNsoMI0YsipSXW8SR75drmVK56tnJHoYbPXUv2Cf9lz6FzvwsosFm6JtC1oQZI/kU+n7qx0qRrEWkeYFTgETA==}
+    engines: {node: '>= 16'}
+    dependencies:
+      '@intlify/shared': 9.14.0
+      source-map-js: 1.2.0
+    dev: true
+
+  /@intlify/shared@9.14.0:
+    resolution: {integrity: sha512-r+N8KRQL7LgN1TMTs1A2svfuAU0J94Wu9wWdJVJqYsoMMLIeJxrPjazihfHpmJqfgZq0ah3Y9Q4pgWV2O90Fyg==}
+    engines: {node: '>= 16'}
+    dev: true
+
+  /@intlify/unplugin-vue-i18n@4.0.0:
+    resolution: {integrity: sha512-q2Mhqa/mLi0tulfLFO4fMXXvEbkSZpI5yGhNNsLTNJJ41icEGUuyDe+j5zRZIKSkOJRgX6YbCyibTDJdRsukmw==}
+    engines: {node: '>= 14.16'}
+    peerDependencies:
+      petite-vue-i18n: '*'
+      vue-i18n: '*'
+      vue-i18n-bridge: '*'
+    peerDependenciesMeta:
+      petite-vue-i18n:
+        optional: true
+      vue-i18n:
+        optional: true
+      vue-i18n-bridge:
+        optional: true
+    dependencies:
+      '@intlify/bundle-utils': 8.0.0
+      '@intlify/shared': 9.14.0
+      '@rollup/pluginutils': 5.1.0
+      '@vue/compiler-sfc': 3.4.38
+      debug: 4.3.6
+      fast-glob: 3.3.2
+      js-yaml: 4.1.0
+      json5: 2.2.3
+      pathe: 1.1.2
+      picocolors: 1.0.1
+      source-map-js: 1.2.0
+      unplugin: 1.12.3
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: true
+
  /@jridgewell/sourcemap-codec@1.5.0:
    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}

+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.17.1
+    dev: true
+
+  /@rollup/pluginutils@5.1.0:
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.5
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
  /@rollup/rollup-android-arm-eabi@4.21.2:
    resolution: {integrity: sha512-fSuPrt0ZO8uXeS+xP3b+yYTCBUd05MoSp2N/MFOgjhhUhMmchXlpTQrTpI8T+YAwAQuK7MafsCOxW7VrPMrJcg==}
    cpu: [arm]
@ -833,6 +939,20 @@ packages:
      - vue
    dev: true

+  /acorn-jsx@5.3.2(acorn@8.12.1):
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 8.12.1
+    dev: true
+
+  /acorn@8.12.1:
+    resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
  /algoliasearch@4.24.0:
    resolution: {integrity: sha512-bf0QV/9jVejssFBmz2HQLxUadxk574t4iwjCKp5E7NBzwKkrDEhKPISIIjAU/p6K5qDx3qoeh4+26zWN1jmw3g==}
    dependencies:
@ -859,10 +979,21 @@ packages:
      sprintf-js: 1.0.3
    dev: true

+  /argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    dev: true
+
  /birpc@0.2.17:
    resolution: {integrity: sha512-+hkTxhot+dWsLpp3gia5AkVHIsKlZybNT5gIYiDlNzJrmYPcTM9k5/w2uaj3IPpd7LlEYpmCj4Jj1nC41VhDFg==}
    dev: true

+  /braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.1.1
+    dev: true
+
  /clipboard@2.0.11:
    resolution: {integrity: sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==}
    dependencies:
@ -871,6 +1002,10 @@ packages:
      tiny-emitter: 2.1.0
    dev: false

+  /confbox@0.1.7:
+    resolution: {integrity: sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==}
+    dev: true
+
  /copy-anything@3.0.5:
    resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==}
    engines: {node: '>=12.13'}
@ -881,6 +1016,18 @@ packages:
  /csstype@3.1.3:
    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}

+  /debug@4.3.6:
+    resolution: {integrity: sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
  /delegate@3.2.0:
    resolution: {integrity: sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==}
    dev: false
@ -920,15 +1067,51 @@ packages:
      '@esbuild/win32-x64': 0.21.5
    dev: true

+  /escodegen@2.1.0:
+    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
+    engines: {node: '>=6.0'}
+    hasBin: true
+    dependencies:
+      esprima: 4.0.1
+      estraverse: 5.3.0
+      esutils: 2.0.3
+    optionalDependencies:
+      source-map: 0.6.1
+    dev: true
+
+  /eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.12.1
+      acorn-jsx: 5.3.2(acorn@8.12.1)
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
  /esprima@4.0.1:
    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
    engines: {node: '>=4'}
    hasBin: true
    dev: true

+  /estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+    dev: true
+
  /estree-walker@2.0.2:
    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}

+  /esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
  /extend-shallow@2.0.1:
    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
    engines: {node: '>=0.10.0'}
@ -936,6 +1119,30 @@ packages:
      is-extendable: 0.1.1
    dev: true

+  /fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+    dev: true
+
+  /fastq@1.17.1:
+    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
+  /fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
  /focus-trap@7.5.4:
    resolution: {integrity: sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==}
    dependencies:
@ -950,6 +1157,13 @@ packages:
    dev: true
    optional: true

+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
  /good-listener@1.2.2:
    resolution: {integrity: sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==}
    dependencies:
@ -975,6 +1189,23 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
  /is-what@4.1.16:
    resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==}
    engines: {node: '>=12.13'}
@ -988,11 +1219,38 @@ packages:
      esprima: 4.0.1
    dev: true

+  /js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+    dependencies:
+      argparse: 2.0.1
+    dev: true
+
+  /json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dev: true
+
+  /jsonc-eslint-parser@2.4.0:
+    resolution: {integrity: sha512-WYDyuc/uFcGp6YtM2H0uKmUwieOuzeE/5YocFJLnLfclZ4inf3mRn8ZVy1s7Hxji7Jxm6Ss8gqpexD/GlKoGgg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.12.1
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      semver: 7.6.3
+    dev: true
+
  /kind-of@6.0.3:
    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
    engines: {node: '>=0.10.0'}
    dev: true

+  /lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+    dev: true
+
  /magic-string@0.30.11:
    resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==}
    dependencies:
@ -1002,6 +1260,19 @@ packages:
    resolution: {integrity: sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==}
    dev: true

+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+    dev: true
+
  /minisearch@7.1.0:
    resolution: {integrity: sha512-tv7c/uefWdEhcu6hvrfTihflgeEi2tN6VV7HJnCjK6VxM75QQJh4t9FwJCsA2EsRS8LCnu3W87CuGPWMocOLCA==}
    dev: true
@ -1010,11 +1281,28 @@ packages:
    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
    dev: true

+  /mlly@1.7.1:
+    resolution: {integrity: sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==}
+    dependencies:
+      acorn: 8.12.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      ufo: 1.5.4
+    dev: true
+
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+    dev: true
+
  /nanoid@3.3.7:
    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
    hasBin: true

+  /pathe@1.1.2:
+    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
+    dev: true
+
  /perfect-debounce@1.0.0:
    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
    dev: true
@ -1022,6 +1310,19 @@ packages:
  /picocolors@1.0.1:
    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}

+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /pkg-types@1.2.0:
+    resolution: {integrity: sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==}
+    dependencies:
+      confbox: 0.1.7
+      mlly: 1.7.1
+      pathe: 1.1.2
+    dev: true
+
  /postcss@8.4.41:
    resolution: {integrity: sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==}
    engines: {node: ^10 || ^12 || >=14}
@ -1034,6 +1335,15 @@ packages:
    resolution: {integrity: sha512-kKYfePf9rzKnxOAKDpsWhg/ysrHPqT+yQ7UW4JjdnqjFIeNUnNcEJvhuA8fDenxAGWzUqtd51DfVg7xp/8T9NA==}
    dev: true

+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
  /rfdc@1.4.1:
    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
    dev: true
@ -1064,6 +1374,12 @@ packages:
      fsevents: 2.3.3
    dev: true

+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
  /search-insights@2.17.0:
    resolution: {integrity: sha512-AskayU3QNsXQzSL6v4LTYST7NNfs2HWyHHB+sdORP9chsytAhro5XRfToAMI/LAVYgNbzowVZTMfBRodgbUHKg==}
    dev: true
@ -1080,6 +1396,12 @@ packages:
    resolution: {integrity: sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==}
    dev: false

+  /semver@7.6.3:
+    resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dev: true
+
  /shiki@1.15.1:
    resolution: {integrity: sha512-QPtVwbafyHmH9Z90iEZgZL4BhqFh5RMnRq2Bic0Cqp5lgbpbkn4nNmed0zzXbh/yPFs2PpkCviM9qcrbN+9zAA==}
    dependencies:
@ -1091,6 +1413,13 @@ packages:
    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
    engines: {node: '>=0.10.0'}

+  /source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+    requiresBuild: true
+    dev: true
+    optional: true
+
  /speakingurl@14.0.1:
    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
    engines: {node: '>=0.10.0'}
@ -1124,6 +1453,26 @@ packages:
    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
    engines: {node: '>=4'}

+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /ufo@1.5.4:
+    resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
+    dev: true
+
+  /unplugin@1.12.3:
+    resolution: {integrity: sha512-my8DH0/T/Kx33KO+6QXAqdeMYgyy0GktlOpdQjpagfHKw5DrD0ctPr7SHUyOT3g4ZVpzCQGt/qcpuoKJ/pniHA==}
+    engines: {node: '>=14.0.0'}
+    dependencies:
+      acorn: 8.12.1
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.6.2
+    dev: true
+
  /vite@5.4.2:
    resolution: {integrity: sha512-dDrQTRHp5C1fTFzcSaMxjk6vdpKvT+2/mIdE07Gw2ykehT49O0z/VHS3zZ8iV/Gh8BJJKHWOe5RjaNrW5xf/GA==}
    engines: {node: ^18.0.0 || >=20.0.0}
@ -1254,3 +1603,27 @@ packages:
      '@vue/runtime-dom': 3.4.38
      '@vue/server-renderer': 3.4.38(vue@3.4.38)
      '@vue/shared': 3.4.38
+
+  /webpack-sources@3.2.3:
+    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+    dev: true
+
+  /yaml-eslint-parser@1.2.3:
+    resolution: {integrity: sha512-4wZWvE398hCP7O8n3nXKu/vdq1HcH01ixYlCREaJL5NUMwQ0g3MaGFUBNSlmBtKmhbtVG/Cm6lyYmSVTEVil8A==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    dependencies:
+      eslint-visitor-keys: 3.4.3
+      lodash: 4.17.21
+      yaml: 2.5.0
+    dev: true
+
+  /yaml@2.5.0:
+    resolution: {integrity: sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==}
+    engines: {node: '>= 14'}
+    hasBin: true
+    dev: true
--- a/docs/zh/index.md
+++ b/docs/zh/index.md
@ -59,5 +59,3 @@ features:
    details: 项目遵循LSO LICENCE开源，欢迎各位的贡献
    link: https://github.com/LiteyukiStudio/LiteyukiStudioOpensourceLICENSE
 ---
-
-<StatsBar />