feature: 添加相关问题

pages/search/[id].vue

@@ -81,11 +81,12 @@
                 <UDivider v-if="index !== data.length - 1" class="pt-3 pb-2" />
             </template>
 
-            <div class="text-xl flex items-center space-x-1">
+            <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>
             <UButton
+                v-if="!asking"
                 v-for="item in recommendQuestions"
                 color="gray"
                 size="md"
@@ -191,17 +192,7 @@ const handleReGenerate = (index) => {
 
 const data = ref([])
 
-const recommendQuestions = [
-    {
-        title: 'ViewUIPlus Select 组件如何按需加载'
-    },
-    {
-        title: 'ViewUIPlus Select 组件如何按需加载'
-    },
-    {
-        title: 'ViewUIPlus Select 组件如何按需加载'
-    }
-]
+const recommendQuestions = ref([]);
 const continueQuestion = ref(null)
 defineShortcuts({
     enter: {
@@ -299,7 +290,6 @@ const handleMessage = (event) => {
         asking.value = false
         resetAnsLoading()
         handleUpdateSource()
-        fetchLinkedQuestion()
         return
     }
     handleFormFetchData(event.data)
@@ -313,11 +303,9 @@ const handleStopGenerate = () => {
     })
 }
 const handleError = (event) => {
-    console.log(event)
     handleStopGenerate()
 }
-const fetchLinkedQuestion = () => {
-    const query = data.value[editIndex.value].question;
+const fetchLinkedQuestion = (query) => {
     const { gitPath, id } = state
     const messages = []
     messages.push({ role: 'user', content: query })
@@ -329,8 +317,12 @@ const fetchLinkedQuestion = () => {
             messages,
             rephrase_question: true
         }
-    }).then((response) => {
-        console.log('response', response)
+    }).then((res) => {
+        if (res && res.data && res.data.items) {
+            recommendQuestions.value = res.data.items.map(item => {
+                return { title: item }
+            })
+        }
     })
 }
 const generateFetchData = (query) => {
@@ -351,6 +343,8 @@ const generateFetchData = (query) => {
         onerror: handleError,
         controller: aiChatController
     })
+    // 重新生成相关问题
+    fetchLinkedQuestion(query)
 }
 onMounted(() => {
     generateFetchData(state.query)