regle

Validate Vue 3 forms with type-safe reactive rules and async support.

Updated Apr 8, 2026
One-click install
npx skills add https://github.com/rafasoares/rafasoares.com --skill regle
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: regle
Source: https://github.com/rafasoares/rafasoares.com/tree/main/.agents/skills/regle
Command: npx skills add https://github.com/rafasoares/rafasoares.com --skill regle

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Regle provides a type-safe, model-based approach to form validation in Vue 3, unifying rules, reactivity, and error handling in a single composable.

Core Features & Use Cases

  • Reactive, TypeScript-friendly rules system with a rich set of built-in validators and wrappers (withMessage, withParams, withAsync).
  • Flexible composition and modifiers for per-field and global validation behavior, including async rules, debouncing, and external server errors.
  • Use cases include complex, nested forms, dynamic rule sets, and seamless integration with server-side validation.

Quick Start

Create a small form with useRegle to enforce required and email validation on name and email fields.

Frequently Asked Questions about regle

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I handle type-safe form validation in Vue 3 with TypeScript?

Type-safe Vue 3 form validation can be handled using a model-based composable like Regle, which unifies rules, reactivity, and error handling. It requires Vue 3.3+ and TypeScript 5.1+ to enforce strict typing across your forms.

What is the best way to validate nested forms with async rules in Vue 3?

Validating nested Vue 3 forms with async rules is best handled through a composable that supports reactive rule sets and per-field validation. Regle provides built-in async wrappers and debouncing for complex, nested structures.

Does Vue 3 form validation support external server-side error handling?

Vue 3 form validation can support external server-side error handling through composables like Regle. It allows seamless integration with server-side validation by injecting external errors into the reactive validation state.

Can I apply dynamic validation rules to specific fields in Vue 3?

You can apply dynamic validation rules to specific fields in Vue 3 using reactive rules and modifiers. Regle offers flexible composition with wrappers like withParams and withMessage to customize per-field validation behavior.

How do I debounce async validation in a Vue 3 form?

To debounce async validation in a Vue 3 form, you use a composable that supports async rules and debouncing modifiers. Regle includes the withAsync wrapper to manage asynchronous checks and prevent excessive validation triggers.