Skills3History

array-fieldscore

Use form.registerArray() to manage dynamic field lists in formango. Covers FieldArray interface: iterate fields with v-for using unique ids as keys, register child fields by index, manipulate with append, remove, insert, prepend, pop, shift, move, empty, setValue. Nested arrays via fieldArray.registerArray(). Load when a form schema contains z.array() or any repeatable field group.

228 lines

form-setupcore

Create a Standard Schema (Zod, Valibot, ArkType), call useForm with schema/initialState/onSubmit/onSubmitError, register fields with form.register(), build a toFormField mapper for v-bind, compose subforms by passing Field<T> to child components where they call field.register() for nested paths. Covers Form, Field, UseFormOptions types, submit, reset, setValues, blurAll, unregister. Load when building any Vue 3 form with formango.

324 lines

validation-errorscore

Schema-driven validation in formango: automatic validation on state change, displaying errors with formatErrorsToZodFormattedError, Field.errors, Field.rawErrors, Form.addErrors for server-side errors, isDirty vs isChanged vs isTouched, Form.isValid, Form.hasAttemptedToSubmit, Form.blurAll, Form.reset, onSubmitError callback, Zod refine/superRefine for cross-field validation, Zod custom error map for i18n with vue-i18n. Load when handling form errors, server validation, or i18n error messages.

274 lines