| name | regle-typescript |
| description | 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. |
| license | MIT |
| compatibility | Requires Vue 3.3+ and TypeScript 5.1+. Works with any agent supporting the Agent Skills spec. |
| metadata | {"author":"Victor Garcia","version":"1.27.0","source":"https://reglejs.dev"} |
Regle TypeScript
Regle provides first-class TypeScript support with full type inference. This skill covers type-safe validation output, typing rules schemas, and typing component props.
Key Exports
| Export | Package | Purpose |
|---|
InferInput | @regle/core | Infer state type from rules |
InferSafeOutput | @regle/core | Infer validated output type from r$ |
inferRules | @regle/core | Preserve autocompletion in computed rules |
RegleComputedRules | @regle/core | Type helper for explicit rule typing |
InferRegleRoot | @regle/core | Extract r$ type from a composable |
RegleFieldStatus | @regle/core | Type for a single field status prop |
References
Related skills
- regle — form setup with
useRegle, validation properties.
- regle-rules —
inferRules is used when typing computed rule objects.
- regle-advanced — scoped validation and patterns where typed props matter.