📝 [docs]: 新增在线展示

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来布局商品 -->

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"/>

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: '资源商店',
     }
 }