victorgarciaesgi

regle-advanced

Advanced patterns for Regle form validation, including arrays, async, server errors, global config, variants, scoped validation, and schema integration.

victorgarciaesgi 457 19 Updated 3mo ago

Resources

1
GitHub

Install

npx skillscat add victorgarciaesgi/regle/regle-advanced

Install via the SkillsCat registry.

SKILL.md

Regle Advanced Patterns

Advanced usage patterns for Regle form validation in Vue 3. Covers collections, async validation, server errors, global configuration, discriminated unions (variants), scoped validation, and schema library integration.

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

Schema Integration

Topic Description Reference
Schema Libraries useRegleSchema with Zod, Valibot, ArkType advanced-schema-libraries
Standard Schema Standard Schema spec, useRules, refineRules, InferInput advanced-standard-schema