is there a reason why initialErrors in useForm requires all fields?

[binaryartifex]

i don't understand why useForm's initialErrors property in a typescript context insists on all fields being required. For the life of me i can't convice the useForm composable to treat initialErrors as PARTIAL

  // form-login.vue
  
  const { defineField, errors, handleSubmit, setErrors } = useForm({
    initialErrors: {}, // TS Error:  Type '{}' is missing the following properties.....
    initialValues: { email: "", password: "" },
    name: "form-login",
    validationSchema: FormLoginSchema,
  });
  
  // form-login.schema.ts
  
  import z from "zod";

  export const FormLoginSchema = z.object({
    email: z.email({ error: "A valid email address is required." }),
    password: NonEmptyString({ error: "A password is required." }),
  });

[ismaildasci]

this is because the type definition expects full object. you can fix it by casting:

const { defineField, errors, handleSubmit, setErrors } = useForm({
  initialErrors: {} as Partial<Record<keyof z.infer<typeof FormLoginSchema>, string>>,
  initialValues: { email: "", password: "" },
  name: "form-login",
  validationSchema: FormLoginSchema,
});

or just dont pass initialErrors if its empty:

const { defineField, errors, handleSubmit, setErrors } = useForm({
  initialValues: { email: "", password: "" },
  name: "form-login",
  validationSchema: FormLoginSchema,
});

if you need to set errors later use setErrors instead:

setErrors({ email: "some error" })

the initialErrors type is strict because it validates at compile time that youre not setting errors for fields that dont exist