jono/deep-research-web-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: prettier format

Browse Source
This commit is contained in:
AnotiaWang
2025-02-11 22:57:49 +08:00
parent 84f63abb3d
commit d027965013
23 changed files with 485 additions and 331 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
components/ResearchForm.vue
View File

@@ -21,7 +21,9 @@
numQuestions: 3,
})
const isSubmitButtonDisabled = computed(() => !form.query || !form.breadth || !form.depth || !form.numQuestions)
const isSubmitButtonDisabled = computed(
() => !form.query || !form.breadth || !form.depth || !form.numQuestions,
)
function handleSubmit() {
emit('submit', {
@@ -41,29 +43,63 @@
</template>
<div class="flex flex-col gap-2">
<UFormField label="Research Topic" required>
<UTextarea class="w-full" v-model="form.query" :rows="3" placeholder="Enter whatever you want to research..." required />
<UTextarea
class="w-full"
v-model="form.query"
:rows="3"
placeholder="Enter whatever you want to research..."
required
/>
</UFormField>
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
<UFormField label="Number of Questions" required>
<template #help> Number of questions for you to clarify. </template>
<UInput v-model="form.numQuestions" class="w-full" type="number" :min="1" :max="5" :step="1" />
<UInput
v-model="form.numQuestions"
class="w-full"
type="number"
:min="1"
:max="5"
:step="1"
/>
</UFormField>
<UFormField label="Depth" required>
<template #help> How deep you want to dig. </template>
<UInput v-model="form.depth" class="w-full" type="number" :min="1" :max="5" :step="1" />
<UInput
v-model="form.depth"
class="w-full"
type="number"
:min="1"
:max="5"
:step="1"
/>
</UFormField>
<UFormField label="Breadth" required>
<template #help> Number of searches in each depth. </template>
<UInput v-model="form.breadth" class="w-full" type="number" :min="1" :max="5" :step="1" />
<UInput
v-model="form.breadth"
class="w-full"
type="number"
:min="1"
:max="5"
:step="1"
/>
</UFormField>
</div>
</div>
<template #footer>
<UButton type="submit" color="primary" :loading="isLoadingFeedback" :disabled="isSubmitButtonDisabled" block @click="handleSubmit">
<UButton
type="submit"
color="primary"
:loading="isLoadingFeedback"
:disabled="isSubmitButtonDisabled"
block
@click="handleSubmit"
>
{{ isLoadingFeedback ? 'Researching...' : 'Start Research' }}
</UButton>
</template>