✨ 插件商店及资源商店新增搜索功能

docs/.vuepress/components/ResStore.vue

@@ -6,13 +6,13 @@ import * as url from "node:url";
 // 从public/assets/resources.json加载插件
 let filteredItems = computed(() => {
   if (!search.value) {
-    return items.value
+    return items.value.reverse()
   }
   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())
-  )
+  ).reverse()
 })
 // 插件商店Nonebot
 let items = ref([])
@@ -23,14 +23,15 @@ fetch("/assets/resources.json")
     items.value = data
   })
   .catch(error => console.error(error))
+// 列表倒序
 
 </script>
 
 <template>
-  <div>
+  <div class="market">
     <h1>主题/资源商店</h1>
-    <input class="item-search-box" type="text" placeholder="搜索资源" v-model="search" />
-    <div class="market">
+    <div class="search-box-div"><input class="item-search-box" type="text" placeholder="搜索资源" v-model="search" /></div>
+    <div class="items">
       <!-- 使用filteredItems来布局商品 -->
       <ItemCard v-for="item in filteredItems" :key="item.id" :item="item"/>
     </div>
@@ -44,7 +45,7 @@ h1 {
   font-weight: bold;
 }
 
-.market {
+.items {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
   gap: 10px;