Regle Advanced Patterns
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.
1---2name: regle-advanced3description: Advanced Regle form validation patterns — collection validation with `$each`, async rules and `$pending`, server/`externalErrors`, `$reset` options, global config with `defineRegleConfig`, discriminated-union variants, cross-component `useScopedRegle`/`useCollectScope`, `mergeRegles`, and object-level `$self`. Use for arrays of fields, async/server validation, scoped or merged forms, i18n messages, or variant forms. For schema libraries see regle-schemas.4license: MIT5---67# Regle Advanced Patterns89Advanced 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.1011## Common Patterns1213| Topic | Description | Reference |14|-------|-------------|-----------|15| Collections | `$each` for array validation, collection errors, custom keys | [common-collections](references/common-collections.md) |16| Async Validation | Async rules, `$pending` state, debouncing | [common-async-validation](references/common-async-validation.md) |17| Server Errors | `externalErrors`, dot-path errors, clearing errors | [common-server-errors](references/common-server-errors.md) |18| Reset Forms | `$reset` options: `toInitialState`, `toOriginalState`, `toState` | [common-reset-forms](references/common-reset-forms.md) |1920## Advanced2122| Topic | Description | Reference |23|-------|-------------|-----------|24| Global Config | `defineRegleConfig`, custom messages, i18n, global modifiers | [advanced-global-config](references/advanced-global-config.md) |25| Variants | `createVariant`, `narrowVariant`, discriminated unions | [advanced-variants](references/advanced-variants.md) |26| Scoped Validation | `useScopedRegle`, `useCollectScope`, cross-component validation | [advanced-scoped-validation](references/advanced-scoped-validation.md) |27| Merge Regles | `mergeRegles` to combine multiple form instances | [advanced-merge-regles](references/advanced-merge-regles.md) |28| Self Validation | `$self` for object-level cross-field validation | [advanced-self-validation](references/advanced-self-validation.md) |2930## Related skills3132- **regle** — form setup with `useRegle`, validation properties, displaying errors, modifiers.33- **regle-rules** — built-in/custom rules, wrappers, and operators.34- **regle-schemas** — Zod, Valibot, ArkType, and Standard Schema integration.35- **regle-typescript** — typing rules schemas and component props.
victorgarciaesgi