Advanced usage patterns for Regle form validation in Vue 3. Covers collections, async validation, server errors, reset options, global configuration, discriminated unions (variants), scoped validation, merging, and object-level self validation.
Common Patterns
| Topic | Description | Reference |
|---|---|---|
| Collections | $each for array validation, collection errors, custom keys |
common-collections |
| Async Validation | Async rules, $pending state, debouncing |
common-async-validation |
| Server Errors | externalErrors, dot-path errors, clearing errors |
common-server-errors |
| Reset Forms | $reset options: toInitialState, toOriginalState, toState |
common-reset-forms |
Advanced
| Topic | Description | Reference |
|---|---|---|
| Global Config | defineRegleConfig, custom messages, i18n, global modifiers |
advanced-global-config |
| Variants | createVariant, narrowVariant, discriminated unions |
advanced-variants |
| Scoped Validation | useScopedRegle, useCollectScope, cross-component validation |
advanced-scoped-validation |
| Merge Regles | mergeRegles to combine multiple form instances |
advanced-merge-regles |
| Self Validation | $self for object-level cross-field validation |
advanced-self-validation |
Related skills
- regle — form setup with
useRegle, validation properties, displaying errors, modifiers. - regle-rules — built-in/custom rules, wrappers, and operators.
- regle-schemas — Zod, Valibot, ArkType, and Standard Schema integration.
- regle-typescript — typing rules schemas and component props.