diff --git a/components/i/search/RecommendQuestion.vue b/components/i/search/RecommendQuestion.vue
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..94f43c25de9499a92317875d894f7929e81665ae 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 7cf04c70e74437e43e776d0ddd4bd2eb58f4f106..25c1c0e3c58914f52a3560eccf21f905465662ef 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-4 flex pl-6 pr-6">
             <ISearchAsk :asking="asking" @stop="handleStopGenerate" @ask="handleContinueAsk" />