From 3d0db2de7bbd6a38a2e4d3845ba41ed9005d75a8 Mon Sep 17 00:00:00 2001
From: Rhanlin <54620681+rhanlin@users.noreply.github.com>
Date: Sat, 9 Nov 2024 13:22:17 +0800
Subject: [PATCH] docs: fix dialog form example onsubmit (#873)

---
 apps/www/src/lib/registry/default/example/DialogForm.vue  | 4 ++--
 apps/www/src/lib/registry/new-york/example/DialogForm.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/www/src/lib/registry/default/example/DialogForm.vue b/apps/www/src/lib/registry/default/example/DialogForm.vue
index 87591cab..55051760 100644
--- a/apps/www/src/lib/registry/default/example/DialogForm.vue
+++ b/apps/www/src/lib/registry/default/example/DialogForm.vue
@@ -38,7 +38,7 @@ function onSubmit(values: any) {
 </script>
 
 <template>
-  <Form v-slot="{ submitForm }" as="" :validation-schema="formSchema" @submit="onSubmit">
+  <Form v-slot="{ handleSubmit }" as="" keep-values :validation-schema="formSchema">
     <Dialog>
       <DialogTrigger as-child>
         <Button variant="outline">
@@ -53,7 +53,7 @@ function onSubmit(values: any) {
           </DialogDescription>
         </DialogHeader>
 
-        <form @submit="submitForm">
+        <form id="dialogForm" @submit="handleSubmit($event, onSubmit)">
           <FormField v-slot="{ componentField }" name="username">
             <FormItem>
               <FormLabel>Username</FormLabel>
diff --git a/apps/www/src/lib/registry/new-york/example/DialogForm.vue b/apps/www/src/lib/registry/new-york/example/DialogForm.vue
index b9e7f9a1..43595df9 100644
--- a/apps/www/src/lib/registry/new-york/example/DialogForm.vue
+++ b/apps/www/src/lib/registry/new-york/example/DialogForm.vue
@@ -38,7 +38,7 @@ function onSubmit(values: any) {
 </script>
 
 <template>
-  <Form v-slot="{ submitForm }" as="" keep-values :validation-schema="formSchema" @submit="onSubmit">
+  <Form v-slot="{ handleSubmit }" as="" keep-values :validation-schema="formSchema">
     <Dialog>
       <DialogTrigger as-child>
         <Button variant="outline">
@@ -53,7 +53,7 @@ function onSubmit(values: any) {
           </DialogDescription>
         </DialogHeader>
 
-        <form @submit="submitForm">
+        <form id="dialogForm" @submit="handleSubmit($event, onSubmit)">
           <FormField v-slot="{ componentField }" name="username">
             <FormItem>
               <FormLabel>Username</FormLabel>