From c805db33717dc83083de5c2c564a9121f9dc113b Mon Sep 17 00:00:00 2001
From: snowykami <snowykami@outlook.com>
Date: Sun, 1 Sep 2024 22:14:09 +0800
Subject: [PATCH] =?UTF-8?q?:memo:=20[docs]:=20=E6=96=B0=E5=A2=9E=E5=9C=A8?=
 =?UTF-8?q?=E7=BA=BF=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/theme/index.ts  |  6 +++++-
 docs/components/PluginStore.vue | 18 ++++++++++--------
 docs/components/ResStore.vue    |  5 +++--
 docs/components/scripts/i18n.ts | 11 +++++++++++
 docs/en/store/plugin.md         |  4 ++--
 docs/en/store/resource.md       |  4 ++--
 docs/zh/store/plugin.md         |  6 +-----
 docs/zh/store/resource.md       |  3 ---
 8 files changed, 34 insertions(+), 23 deletions(-)

diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 28ec7f90..8127c390 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -2,13 +2,17 @@ import DefaultTheme from 'vitepress/theme'
 import './liteyuki.css'
 
 import StatsBar from '../../components/StatsBar.vue'
+import PluginStore from '../../components/PluginStore.vue'
+import ResStore from '../../components/ResStore.vue'
 
 
 
 export default {
     extends: DefaultTheme,
     enhanceApp({ app }) {
-        app.component('StatsBar', StatsBar)
+        app.component('StatsBar', StatsBar);
+        app.component('PluginStore', PluginStore);
+        app.component('ResStore', ResStore);
     },
     Layout: StatsBar
 }
\ No newline at end of file
diff --git a/docs/components/PluginStore.vue b/docs/components/PluginStore.vue
index 7565f91e..87a8b419 100644
--- a/docs/components/PluginStore.vue
+++ b/docs/components/PluginStore.vue
@@ -2,16 +2,17 @@
 import {computed, ref} from 'vue'
 import ItemCard from './PluginItemCard.vue'
 import ToggleSwitch from "./ToggleSwitch.vue";
+import {getTextRef} from "./scripts/i18n";
 
 let showLiteyukiPluginOnly = ref(false)
 let filteredItems = computed(() => {
   let filtered = items.value
   if (search.value) {
     filtered = filtered.filter(item =>
-      item.name.toLowerCase().includes(search.value.toLowerCase()) ||
-      item.desc.toLowerCase().includes(search.value.toLowerCase()) ||
-      item.author.toLowerCase().includes(search.value.toLowerCase()) ||
-      item.module_name.toLowerCase().includes(search.value.toLowerCase())
+        item.name.toLowerCase().includes(search.value.toLowerCase()) ||
+        item.desc.toLowerCase().includes(search.value.toLowerCase()) ||
+        item.author.toLowerCase().includes(search.value.toLowerCase()) ||
+        item.module_name.toLowerCase().includes(search.value.toLowerCase())
     )
   }
   if (showLiteyukiPluginOnly.value) {
@@ -48,12 +49,13 @@ fetch('https://registry.nonebot.dev/plugins.json')
 
 <template>
   <div class="market">
-    <h1>插件商店</h1>
-    <p>内容来自轻雪商店及<a href="https://nonebot.dev/store/plugins">NoneBot插件商店</a>，轻雪通过nonebot插件实现兼容NoneBot，在此仅作引用，具体请访问NoneBot插件商店</p>
+    <h1>{{ getTextRef('pluginStore') }}</h1>
+    <p>{{ getTextRef('pluginStoreDesc') }}</p>
     <!--    搜索框-->
     <div class="search-box-div">
-      <input class="item-search-box" type="text" placeholder="搜索插件" v-model="search"/>
-      <ToggleSwitch v-model:modelValue="showLiteyukiPluginOnly" />仅轻雪插件
+      <input class="item-search-box" type="text" v-model="search" :placeholder="getTextRef('search')"/>
+      <ToggleSwitch v-model:modelValue="showLiteyukiPluginOnly"/>
+      {{ getTextRef('liteyukiOnly') }}
     </div>
     <div class="items">
       <!-- 使用filteredItems来布局商品 -->
diff --git a/docs/components/ResStore.vue b/docs/components/ResStore.vue
index 09af0346..c2fe5d80 100644
--- a/docs/components/ResStore.vue
+++ b/docs/components/ResStore.vue
@@ -2,6 +2,7 @@
 import {computed, ref} from 'vue'
 import ItemCard from './ResItemCard.vue'
 import * as url from "node:url";
+import {getTextRef} from "./scripts/i18n";
 
 // 从public/assets/resources.json加载插件
 let filteredItems = computed(() => {
@@ -29,8 +30,8 @@ fetch("/resources.json")
 
 <template>
   <div class="market">
-    <h1>主题/资源商店</h1>
-    <div class="search-box-div"><input class="item-search-box" type="text" placeholder="搜索资源" v-model="search" /></div>
+    <h1>{{ getTextRef('resourceStore') }}</h1>
+    <div class="search-box-div"><input class="item-search-box" type="text" :placeholder="getTextRef('search')" v-model="search" /></div>
     <div class="items">
       <!-- 使用filteredItems来布局商品 -->
       <ItemCard v-for="item in filteredItems" :key="item.id" :item="item"/>
diff --git a/docs/components/scripts/i18n.ts b/docs/components/scripts/i18n.ts
index 2b6daed2..d2f713c8 100644
--- a/docs/components/scripts/i18n.ts
+++ b/docs/components/scripts/i18n.ts
@@ -15,6 +15,11 @@ const i18nData = {
         size: 'Size',
         plugins: 'Plugins',
         resources: 'Resources',
+        pluginStore: 'Plugin Store',
+        pluginStoreDesc: 'Content from the LightSnow Plugin Store, LightSnow supports NoneBot through the lpnonebot plugin, and references some NoneBot plugins',
+        liteyukiOnly: 'Liteyuki Only',
+        search: 'Search',
+        resourceStore: 'Resources Store',
     },
     zh: {
         online: '在线',
@@ -28,6 +33,12 @@ const i18nData = {
         size: '大小',
         plugins: '插件',
         resources: '主题资源',
+        store: '商店',
+        pluginStore: '插件商店',
+        pluginStoreDesc: '内容来自轻雪插件商店，轻雪通过lpnonebot插件对NoneBot实现支持，引用了部分NoneBot插件',
+        liteyukiOnly: '仅轻雪',
+        search: '搜索',
+        resourceStore: '资源商店',
     }
 }
 
diff --git a/docs/en/store/plugin.md b/docs/en/store/plugin.md
index 8737f0da..fdbf47df 100644
--- a/docs/en/store/plugin.md
+++ b/docs/en/store/plugin.md
@@ -1,6 +1,6 @@
 ---
-title: 插件商店
+title: Plugin Store
 order: 2
 ---
 
-<pluginStoreComp />
\ No newline at end of file
+<PluginStore />
\ No newline at end of file
diff --git a/docs/en/store/resource.md b/docs/en/store/resource.md
index 765a3eed..623a80bd 100644
--- a/docs/en/store/resource.md
+++ b/docs/en/store/resource.md
@@ -1,6 +1,6 @@
 ---
-title: 资源商店
+title: Resource Store
 order: 1
 ---
 
-<resourceStoreComp />
+<ResStore />
diff --git a/docs/zh/store/plugin.md b/docs/zh/store/plugin.md
index 1bc830d9..7ea53c12 100644
--- a/docs/zh/store/plugin.md
+++ b/docs/zh/store/plugin.md
@@ -3,8 +3,4 @@ title: 插件商店
 order: 2
 ---
 
-<script setup>
-import  PluginStore  from '../../components/PluginStore.vue';
-</script>
-
-<PluginStore></PluginStore>
+<PluginStore />
diff --git a/docs/zh/store/resource.md b/docs/zh/store/resource.md
index dc9728b6..5500c345 100644
--- a/docs/zh/store/resource.md
+++ b/docs/zh/store/resource.md
@@ -2,8 +2,5 @@
 title: 资源商店
 order: 1
 ---
-<script setup>
-import  ResStore  from '../../components/ResStore.vue';
-</script>
 
 <ResStore />