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

Ver código fuente

Cómo usar

  1. Copia el comando y revisa el paquete antes de instalarlo en tu entorno de agente.
  2. Consulta las herramientas, credenciales y entornos necesarios en el documento original.
  3. Describe las entradas y el resultado deseado; contrasta la salida con las fuentes.
npx skills add https://github.com/victorgarciaesgi/regle --skill regle-advanced

Antes de empezar

  • La instalación no incluye suscripción al modelo, cuota API ni permisos sobre tus archivos.
  • Las estrellas e instalaciones reflejan actividad, no una prueba independiente de calidad o seguridad.
Documento original del Skill

Contenido del repositorio de origen con títulos, ejemplos, código, tablas, enlaces e imágenes preservados.

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.

Relacionados por tarea

del mismo repositorio

Más Skills

Todos los Skills
victorgarciaesgi
Comunidad

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.

instalaciones
1
GitHub Stars
508
Actualizado
13 oct
victorgarciaesgi
Comunidad

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.

instalaciones
1
GitHub Stars
508
Actualizado
13 oct
victorgarciaesgi
Comunidad

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.

instalaciones
1
GitHub Stars
508
Actualizado
13 oct
victorgarciaesgi
Comunidad

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.

instalaciones
1
GitHub Stars
508
Actualizado
13 oct