docs(Form): fixed invalid state attributes in examples (#479)

nuxt · Sep 7, 2023 · e2146a5 · e2146a5
1 parent 75d26e0
commit e2146a5
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/docs/components/content/examples/FormExampleJoi.vue b/docs/components/content/examples/FormExampleJoi.vue
@@ -10,8 +10,8 @@ const schema = Joi.object({
 })
 
 const state = ref({
-  email: undefined,
-  password: undefined
+  emailJoi: undefined,
+  passwordJoi: undefined
 })
 
 const form = ref()
@@ -30,11 +30,11 @@ async function submit () {
     @submit.prevent="submit"
   >
     <UFormGroup label="Email" name="emailJoi">
-      <UInput v-model="state.email" />
+      <UInput v-model="state.emailJoi" />
     </UFormGroup>
 
     <UFormGroup label="Password" name="passwordJoi">
-      <UInput v-model="state.password" type="password" />
+      <UInput v-model="state.passwordJoi" type="password" />
     </UFormGroup>
 
     <UButton type="submit">

diff --git a/docs/components/content/examples/FormExampleYup.vue b/docs/components/content/examples/FormExampleYup.vue
@@ -13,8 +13,8 @@ const schema = object({
 type Schema = InferType<typeof schema>
 
 const state = ref({
-  email: undefined,
-  password: undefined
+  emailYup: undefined,
+  passwordYup: undefined
 })
 
 const form = ref<Form<Schema>>()
@@ -33,11 +33,11 @@ async function submit () {
     @submit.prevent="submit"
   >
     <UFormGroup label="Email" name="emailYup">
-      <UInput v-model="state.email" />
+      <UInput v-model="state.emailYup" />
     </UFormGroup>
 
     <UFormGroup label="Password" name="passwordYup">
-      <UInput v-model="state.password" type="password" />
+      <UInput v-model="state.passwordYup" type="password" />
     </UFormGroup>
 
     <UButton type="submit">

diff --git a/docs/components/content/examples/FormExampleZod.vue b/docs/components/content/examples/FormExampleZod.vue
@@ -11,8 +11,8 @@ const schema = z.object({
 type Schema = z.output<typeof schema>
 
 const state = ref({
-  email: undefined,
-  password: undefined
+  emailZod: undefined,
+  passwordZod: undefined
 })
 
 const form = ref<Form<Schema>>()
@@ -31,11 +31,11 @@ async function submit () {
     @submit.prevent="submit"
   >
     <UFormGroup label="Email" name="emailZod">
-      <UInput v-model="state.email" />
+      <UInput v-model="state.emailZod" />
     </UFormGroup>
 
     <UFormGroup label="Password" name="passwordZod">
-      <UInput v-model="state.password" type="password" />
+      <UInput v-model="state.passwordZod" type="password" />
     </UFormGroup>
 
     <UButton type="submit">