Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: simplify validation for Command component

Browse Source
This commit is contained in:
sadeghbarati 2023-10-01 09:38:56 +03:30
parent 9881d9d1ec
commit 157b1f00df
1 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/www/src/examples/forms/components/AccountForm.vue
View File

@ -77,11 +77,7 @@ async function onSubmit(values: any) {
</p>
</div>
<Separator />
<Form
v-slot="{
setValues,
}" :validation-schema="accountFormSchema" class="space-y-8" @submit="onSubmit"
>
<Form :validation-schema="accountFormSchema" class="space-y-8" @submit="onSubmit">
<FormField v-slot="{ componentField }" name="name">
<FormItem>
<FormLabel>Name</FormLabel>
@ -123,7 +119,7 @@ async function onSubmit(values: any) {
</FormItem>
</FormField>
<FormField v-slot="{ value }" name="language">
<FormField v-slot="{ value, componentField }" name="language">
<FormItem>
<FormLabel>Language</FormLabel>
@ -145,13 +141,12 @@ async function onSubmit(values: any) {
</FormControl>
</PopoverTrigger>
<PopoverContent class="w-[200px] p-0">
<Command>
<Command v-bind="componentField">
<CommandInput placeholder="Search language..." />
<CommandEmpty>No framework found.</CommandEmpty>
<CommandGroup>
<CommandItem
v-for="language in languages" :key="language.value" :value="language.value" @select="(val) => {
setValues({ language: val })
v-for="language in languages" :key="language.value" :value="language.value" @select="() => {
open = false
}"
>