From c7d91730b65eb6bdd7c8e25d07db5512ae14407a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B4=94=E6=B0=B8=E4=BA=AE?= <702625325@qq.com>
Date: Fri, 28 Feb 2025 14:18:10 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=8F=92=E4=BB=B6=E5=B8=82=E5=9C=BA?=
 =?UTF-8?q?=E9=9D=9E=E5=88=97=E8=A1=A8=E8=A7=86=E5=9B=BE=E8=83=BD=E5=A4=9F?=
 =?UTF-8?q?=E6=AD=A3=E5=B8=B8=E6=90=9C=E7=B4=A2=20#640?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src/views/ExtensionPage.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue
index 032367b5c..50c90c7f8 100644
--- a/dashboard/src/views/ExtensionPage.vue
+++ b/dashboard/src/views/ExtensionPage.vue
@@ -4,7 +4,6 @@ import WaitingForRestart from '@/components/shared/WaitingForRestart.vue';
 import AstrBotConfig from '@/components/shared/AstrBotConfig.vue';
 import ConsoleDisplayer from '@/components/shared/ConsoleDisplayer.vue';
 import axios from 'axios';
-import { max } from 'date-fns';
 
 </script>
 
@@ -141,7 +140,7 @@ import { max } from 'date-fns';
         </template>
         <template v-else>
           <v-row style="margin: 8px;">
-            <v-col cols="12" md="6" lg="3" v-for="plugin in pluginMarketData">
+            <v-col cols="12" md="6" lg="3" v-for="plugin in filteredPluginMarketData">
               <ExtensionCard :key="plugin.name" :title="plugin.name" :link="plugin.repo" style="margin-bottom: 4px;">
                 <div style="min-height: 130px; max-height: 130px; overflow: hidden;">
                   <p style="font-weight: bold;">By @{{ plugin.author }}</p>
@@ -380,6 +379,17 @@ export default {
       alreadyCheckUpdate: false
     }
   },
+  computed: {
+    filteredPluginMarketData() {
+      if (!this.marketSearch) {
+        return this.pluginMarketData;
+      }
+      const search = this.marketSearch.toLowerCase();
+      return this.pluginMarketData.filter(plugin => 
+        plugin.name.toLowerCase().includes(search)
+      );
+    }
+  },
   mounted() {
     this.getExtensions();
     this.fetchPluginCollection();