victorgarciaesgi/regle

regle-advanced

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,…

View source

How to use

  1. Copy the installation command and review the source package before installing it in your own agent environment.
  2. Check the source document for required tools, credentials and supported hosts.
  3. Describe your input and desired deliverable; review the output against the source material.
npx skills add https://github.com/victorgarciaesgi/regle --skill regle-advanced

Before you start

  • Installation does not include a model subscription, API allowance or permission to access your files.
  • Repository stars and installation counts describe activity, not an independent quality or security test.
Original skill document

Rendered from the source repository. Headings, examples, code, tables, links, and referenced images are preserved.

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

TopicDescriptionReference
Collections$each for array validation, collection errors, custom keyscommon-collections
Async ValidationAsync rules, $pending state, debouncingcommon-async-validation
Server ErrorsexternalErrors, dot-path errors, clearing errorscommon-server-errors
Reset Forms$reset options: toInitialState, toOriginalState, toStatecommon-reset-forms

Advanced

TopicDescriptionReference
Global ConfigdefineRegleConfig, custom messages, i18n, global modifiersadvanced-global-config
VariantscreateVariant, narrowVariant, discriminated unionsadvanced-variants
Scoped ValidationuseScopedRegle, useCollectScope, cross-component validationadvanced-scoped-validation
Merge ReglesmergeRegles to combine multiple form instancesadvanced-merge-regles
Self Validation$self for object-level cross-field validationadvanced-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 by task

from this repository

More skills

All skills
victorgarciaesgi
Community

regle-schemas

Validate Regle forms with schema libraries via @regle/schemas — Zod, Valibot, ArkType, and any Standard Schema spec library using useRegleSchema, useRules, refineRules, and InferInput. Use when a form's validation is defined by an external schema instead of @regle/rules. For native rules see regle-rules; for form setup see regle.

installs
1
GitHub stars
508
Updated
Oct 13
victorgarciaesgi
Community

code-review

Mandatory pre-commit validation for every Copilot code review on pull requests in the regle monorepo. Always verify commitlint compliance on commit titles and descriptions, pnpm workspace install, lint (vp lint), and format (vp fmt --check). Loaded on every code review — do not skip.

installs
1
GitHub stars
508
Updated
Oct 13
victorgarciaesgi
Community

regle

Core Regle form validation in Vue 3 — setup with useRegle, the reactive r$ object, validation properties, displaying errors, and modifiers. Use when adding or editing Regle forms, binding v-model to r$.$value, or reading $error/$errors/$invalid/$validate/$reset. For validation rules see regle-rules; for advanced patterns see regle-advanced.

installs
1
GitHub stars
508
Updated
Oct 13
victorgarciaesgi
Community

regle-typescript

TypeScript integration for Regle — type-safe validated output (InferSafeOutput, $validate), inferring state from rules (InferInput), typing computed rules (inferRules, RegleComputedRules), and typing component props (InferRegleRoot, RegleRoot, RegleFieldStatus, SuperCompatibleRegleRoot). Use when typing rules schemas, passing r$ between components, or extracting validated data types.

installs
1
GitHub stars
508
Updated
Oct 13