featrue: 添加ask组件

components/i/search/Ask.vue

 <template>
-
+    <div class="justify-between flex w-full space-x-2">
+        <UTooltip text="停止生成" v-if="asking">
+            <UButton
+                size="xl"
+                square
+                trailing-icon="i-heroicons-stop-20-solid"
+                color="gray"
+                @click="handleStop"
+                :ui="{ rounded: 'rounded-full' }"
+            />
+        </UTooltip>
+        <UInput
+            name="queryInput"
+            class="w-full"
+            v-model="continueQuestion"
+            placeholder="提出后续问题"
+            size="xl"
+            :disabled="asking"
+        />
+        <UButton
+            size="xl"
+            square
+            @click="handleAsk"
+            :trailing-icon="asking ? '' : 'i-heroicons-chevron-right-20-solid'"
+            :disabled="!continueQuestion"
+            :loading="asking"
+        />
+    </div>
 </template>
 <script setup>
-
+defineProps({
+    asking: {
+        type: Boolean,
+        default: false
+    }
+})
+const emits = defineEmits(['ask', 'stop'])
+const continueQuestion = ref('')
+function handleStop () {
+    emits('stop')
+}
+function handleAsk () {
+    emits('ask', continueQuestion.value)
+}
 </script>

pages/search/[id].vue

@@ -125,34 +125,7 @@
             </div>
         </div>
         <div class="container max-w-screen-lg sticky bottom-2 flex pl-6 pr-6">
-            <div class="justify-between flex w-full space-x-2">
-                <UTooltip text="停止生成" v-if="asking">
-                    <UButton
-                        size="xl"
-                        square
-                        trailing-icon="i-heroicons-stop-20-solid"
-                        color="gray"
-                        @click="handleStopGenerate"
-                        :ui="{ rounded: 'rounded-full' }"
-                    />
-                </UTooltip>
-                <UInput
-                    name="queryInput"
-                    class="w-full"
-                    v-model="continueQuestion"
-                    placeholder="提出后续问题"
-                    size="xl"
-                    :disabled="asking"
-                />
-                <UButton
-                    size="xl"
-                    square
-                    @click="handleContinueAsk(continueQuestion)"
-                    :trailing-icon="asking ? '' : 'i-heroicons-chevron-right-20-solid'"
-                    :disabled="!continueQuestion"
-                    :loading="asking"
-                />
-            </div>
+            <ISearchAsk :asking="asking" @stop="handleStopGenerate" @ask="handleContinueAsk" />
         </div>
     </div>
 </template>