From e83c83481f083c5813b1f209cc20cbb82caf4af4 Mon Sep 17 00:00:00 2001
From: DebugIsFalse <511418503@qq.com>
Date: Wed, 22 May 2024 15:38:54 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E6=B7=BB=E5=8A=A0=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/i/search/RecommendQuestion.vue | 31 +++++++++++++++++++++++
 pages/search/[id].vue                     | 24 ++++--------------
 2 files changed, 36 insertions(+), 19 deletions(-)

diff --git a/components/i/search/RecommendQuestion.vue b/components/i/search/RecommendQuestion.vue
index e69de29..94f43c2 100644
--- a/components/i/search/RecommendQuestion.vue
+++ b/components/i/search/RecommendQuestion.vue
@@ -0,0 +1,31 @@
+<template>
+    <div class="text-xl flex items-center space-x-1">
+        <UIcon name="i-heroicons-rectangle-group-20-solid" />
+        <span>相关问题</span>
+    </div>
+    <div class="flex flex-col gap-2">
+        <UButton
+            v-for="item in recommendQuestions"
+            color="gray"
+            size="md"
+            @click="handleClick(item.title)"
+        >
+            <div class="justify-between w-full flex items-center">
+                <div class="truncate">{{ item.title }}</div>
+                <UIcon name="i-heroicons-plus-20-solid" class="text-base" />
+            </div>
+        </UButton>
+    </div>
+</template>
+<script setup>
+defineProps({
+    recommendQuestions: {
+        type: Array,
+        default: () => []
+    }
+})
+const emits = defineEmits(['click'])
+function  handleClick(title) {
+    emits('click', title)
+}
+</script>
\ No newline at end of file
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index 0ac3a7e..b8d544c 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -104,25 +104,11 @@
                 </template>
                 <UDivider v-if="index !== data.length - 1" class="pt-3 pb-2" />
             </template>
-
-            <div class="text-xl flex items-center space-x-1" v-if="recommendQuestions.length > 0 && !asking">
-                <UIcon name="i-heroicons-rectangle-group-20-solid" />
-                <span>相关问题</span>
-            </div>
-            <div class="flex flex-col gap-2">
-                <UButton
-                    v-if="!asking"
-                    v-for="item in recommendQuestions"
-                    color="gray"
-                    size="md"
-                    @click="handleContinueAsk(item.title)"
-                >
-                    <div class="justify-between w-full flex items-center">
-                        <div class="truncate">{{ item.title }}</div>
-                        <UIcon name="i-heroicons-plus-20-solid" class="text-base" />
-                    </div>
-                </UButton>
-            </div>
+            <ISearchRecommendQuestion
+                v-if="recommendQuestions.length > 0 && !asking"
+                :recommend-questions="recommendQuestions"
+                @click="handleContinueAsk"
+            />
         </div>
         <div class="container max-w-screen-lg sticky bottom-2 flex pl-6 pr-6">
             <ISearchAsk :asking="asking" @stop="handleStopGenerate" @ask="handleContinueAsk" />
-- 
GitLab