From c36a925bb5f5d4c06f86724fedaed4b0ed557193 Mon Sep 17 00:00:00 2001
From: snowy <snowykami@outlook.com>
Date: Sun, 14 Jul 2024 13:38:25 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E6=8F=92=E4=BB=B6=E5=95=86?=
 =?UTF-8?q?=E5=BA=97=E5=8F=8A=E8=B5=84=E6=BA=90=E5=95=86=E5=BA=97=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vuepress/components/PluginStore.vue | 35 +++++++++++++++++++----
 docs/.vuepress/components/ResStore.vue    | 24 +++++++++++++---
 docs/.vuepress/public/assets/plugins.json | 23 +++++++++++++++
 docs/.vuepress/styles/index.scss          | 23 ++++++++++-----
 main.py                                   |  1 -
 5 files changed, 88 insertions(+), 18 deletions(-)
 create mode 100644 docs/.vuepress/public/assets/plugins.json

diff --git a/docs/.vuepress/components/PluginStore.vue b/docs/.vuepress/components/PluginStore.vue
index ddad43b4..ab45687b 100644
--- a/docs/.vuepress/components/PluginStore.vue
+++ b/docs/.vuepress/components/PluginStore.vue
@@ -1,25 +1,48 @@
 <script setup lang="ts">
-import {ref} from 'vue'
+import {computed, ref} from 'vue'
 import ItemCard from './PluginItemCard.vue'
 
+
+let filteredItems = computed(() => {
+  if (!search.value) {
+    return items.value
+  }
+  return items.value.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())
+  )
+})
 // 插件商店Nonebot
 let items = ref([])
+let search = ref('')
+// 从官方拉取
+fetch('/assets/plugins.json')
+  .then(response => response.json())
+  .then(data => {
+    items.value = data
+  })
+
+//追加
 fetch('https://registry.nonebot.dev/plugins.json')
     .then(response => response.json())
     .then(data => {
-      items.value = data
+      items.value = items.value.concat(data)
     })
-    .catch(error => console.error(error))
+
 
 </script>
 
 <template>
   <div>
     <h1>插件商店</h1>
-    <p>所有内容来自<a href="https://nonebot.dev/store/plugins">NoneBot插件商店</a>，在此仅作引用，具体请访问NoneBot插件商店</p>
+    <p>内容来自<a href="https://nonebot.dev/store/plugins">NoneBot插件商店</a>和轻雪商店，在此仅作引用，具体请访问NoneBot插件商店</p>
+    <!--    搜索框-->
+    <input class="item-search-box" type="text" placeholder="搜索插件" v-model="search"/>
     <div class="market">
-      <!--      布局商品-->
-      <ItemCard v-for="item in items" :key="item.id" :item="item"/>
+      <!-- 使用filteredItems来布局商品 -->
+      <ItemCard v-for="item in filteredItems" :key="item.id" :item="item"/>
     </div>
   </div>
 </template>
diff --git a/docs/.vuepress/components/ResStore.vue b/docs/.vuepress/components/ResStore.vue
index 076f2470..d7ce8b6c 100644
--- a/docs/.vuepress/components/ResStore.vue
+++ b/docs/.vuepress/components/ResStore.vue
@@ -1,14 +1,25 @@
 <script setup lang="ts">
-import {ref} from 'vue'
+import {computed, ref} from 'vue'
 import ItemCard from './ResItemCard.vue'
 
 // 从public/assets/resources.json加载插件
+let filteredItems = computed(() => {
+  if (!search.value) {
+    return items.value
+  }
+  return items.value.filter(item =>
+      item.name.toLowerCase().includes(search.value.toLowerCase()) ||
+      item.description.toLowerCase().includes(search.value.toLowerCase()) ||
+      item.author.toLowerCase().includes(search.value.toLowerCase())
+  )
+})
+// 插件商店Nonebot
 let items = ref([])
+let search = ref('')
 fetch('/assets/resources.json')
   .then(response => response.json())
   .then(data => {
     items.value = data
-
   })
   .catch(error => console.error(error))
 
@@ -17,9 +28,14 @@ fetch('/assets/resources.json')
 <template>
   <div>
     <h1>主题/资源商店</h1>
+<!--    <div class="market">-->
+<!--&lt;!&ndash;      布局商品&ndash;&gt;-->
+<!--      <ItemCard v-for="item in [...items].reverse()" :key="item.id" :item="item" />-->
+<!--    </div>-->
+    <input class="item-search-box" type="text" placeholder="搜索资源" v-model="search" />
     <div class="market">
-<!--      布局商品-->
-      <ItemCard v-for="item in [...items].reverse()" :key="item.id" :item="item" />
+      <!-- 使用filteredItems来布局商品 -->
+      <ItemCard v-for="item in filteredItems" :key="item.id" :item="item"/>
     </div>
   </div>
 </template>
diff --git a/docs/.vuepress/public/assets/plugins.json b/docs/.vuepress/public/assets/plugins.json
new file mode 100644
index 00000000..443bf03d
--- /dev/null
+++ b/docs/.vuepress/public/assets/plugins.json
@@ -0,0 +1,23 @@
+[
+    {
+        "module_name": "nonebot_plugin_status",
+        "project_link": "nonebot-plugin-status",
+        "name": "测试",
+        "desc": "测试",
+        "author": "snowykami",
+        "homepage": "https://github.com/nonebot/plugin-status",
+        "tags": [
+            {
+                "label": "server",
+                "color": "#aeeaa8"
+            }
+        ],
+        "is_official": true,
+        "type": "application",
+        "supported_adapters": null,
+        "valid": true,
+        "version": "0.8.1",
+        "time": "2024-03-04T06:57:10.250823Z",
+        "skip_test": false
+    }
+]
\ No newline at end of file
diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index cb160b15..32bc71c0 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/docs/.vuepress/styles/index.scss
@@ -30,12 +30,13 @@ code {
 }
 
 .theme-hope-content pre {
-    overflow: auto;
-    margin: 0 0;
-    padding: 1rem;
-    border-radius: 6px;
-    line-height: 1.375;
+  overflow: auto;
+  margin: 0 0;
+  padding: 1rem;
+  border-radius: 6px;
+  line-height: 1.375;
 }
+
 // 移除该before
 .theme-hope-content pre::before {
   content: none;
@@ -44,7 +45,7 @@ code {
 .theme-hope-content > div[class*=language-] {
   margin: 0 0 0 0;
   //  仅下半部分有圆弧
-    border-radius: 0 0 var(--code-window-border-radius) var(--code-window-border-radius);
+  border-radius: 0 0 var(--code-window-border-radius) var(--code-window-border-radius);
 }
 
 .tab {
@@ -74,8 +75,16 @@ code {
   aspect-ratio: 1/1;
 }
 
-.tab-title{
+.tab-title {
   text-align: center;
   justify-content: center;
   flex: 1;
+}
+
+.item-search-box {
+  border-radius: 100px;
+  width: 100%;
+  padding: 10px;
+  margin: 10px 0;
+  border: 1px solid #ccc;
 }
\ No newline at end of file
diff --git a/main.py b/main.py
index 6b7a74e0..23b557bf 100644
--- a/main.py
+++ b/main.py
@@ -25,5 +25,4 @@ if __name__ == "__mp_main__":
 if __name__ == "__main__":
     # Start as __main__
     from src.utils.base.reloader import Reloader
-
     nonebot.run()