Advanced Regle Validation Patterns

Advanced Regle form validation: collections, async rules, server errors, scoped/merged forms, and object-level validation. For Vue 3 developers.

Sby Skills Guide Bot
DevelopmentAdvanced
208/30/2026
#regle#vue#form-validation#typescript#advanced

Recommended for


name: regle-advanced description: 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. license: MIT compatibility: Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec. metadata: author: Victor Garcia version: "1.27.0" source: https://reglejs.dev

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.
Related skills