regle-advanced
Installation
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 |
Related skills
More from victorgarciaesgi/regle
regle
Core skills for using Regle form validation in Vue.js. Provides setup, validation rules, and usage patterns.
63regle-typescript
TypeScript support for type-safe Regle form validation, rules, and component props.
60vue
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.
4