victorgarciaesgi/regle-migrate-vuelidate
skills/regle-migrate-vuelidate/SKILL.md
Migrate Vuelidate form validation to Regle. Use when porting forms that import from `@vuelidate/core`/`@vuelidate/validators` or call `useVuelidate` over to `useRegle`/`useScopedRegle`, including rules, validation properties, `v-model` bindings, nested/scoped validation, and parent-child form propagation.
$ install --global
skillsauthnpx skillsauth add victorgarciaesgi/regle regle-migrate-vuelidateInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jun 12, 2026, 5:00 AM241.2s2 files scanned
SKILL.md
- name:
- regle-migrate-vuelidate
- description:
- Migrate Vuelidate form validation to Regle. Use when porting forms that import from `@vuelidate/core`/`@vuelidate/validators` or call `useVuelidate` over to `useRegle`/`useScopedRegle`, including rules, validation properties, `v-model` bindings, nested/scoped validation, and parent-child form propagation.
- license:
- MIT
- compatibility:
- Requires Vue 3.3+, TypeScript 5.1+, `@regle/core`, and `@regle/rules`. Works with any agent supporting the Agent Skills spec.
- author:
- Victor Garcia
- version:
- 1.27.0
- source:
- https://reglejs.dev/introduction/migrate-from-vuelidate
Migrate Vuelidate to Regle
Convert form validations built with Vuelidate to Regle. Take every form, rule, and validation property into account.
Knowledge sources
Use these for API details, patterns, and TypeScript typing (in priority order):
- Regle MCP server (if available): search for "Migrate from Vuelidate" and other topics. If it is not active, ask the user to enable it or enable it yourself.
- Sibling Regle skills:
- regle —
useRegle, validation properties ($error,$errors,$validate,$reset), modifiers, displaying errors. - regle-rules — built-in rules,
createRule, wrappers (withMessage), operators (requiredIf,applyIf,assignIf). - regle-advanced — scoped validation (
useScopedRegle,useCollectScope), collections, async rules, server errors,$self. - regle-schemas — schema-based validation (Zod, Valibot, ArkType) when a form uses a schema.
- regle-typescript —
inferRules, typing rules and props (RegleRoot,InferRegleRoot,SuperCompatibleRegleRoot).
- regle —
- Docs / LLM-friendly references: https://reglejs.dev/introduction/migrate-from-vuelidate, https://reglejs.dev/llms.txt (glossary), https://reglejs.dev/llms-full.txt (full docs).
Global rules
$autoDirtyistrueby default in Regle — do not set it, and remove manual$touch()calls.- Keep the variable name when renaming the composable result: a Vuelidate
v$(or any other name) becomesr$with the same identifier. - Bind form values to the
*.$valueproperties from Regle. - Do not use
r$.$fields.xxx; access fields directly asr$.xxx. - Before writing a custom rule, check for an equivalent built-in rule first.
- If a specific case is unclear, ask the user or leave it unchanged rather than guessing.
Workflow
Copy this checklist and track progress:
- [ ] 1. Identify the Vuelidate form
- [ ] 2. Replace the imports
- [ ] 3. Replace the state
- [ ] 4. Replace the validation rules
- [ ] 5. Replace the validation properties
- [ ] 6. Replace binding events
- [ ] 7. Replace nested-component validation (scoped)
- [ ] 8. Inspect form propagation (parent <-> child)
- [ ] 9. Self-review and run typecheck + lint
Follow the detailed step-by-step instructions in migration-steps.
Related Skills
victorgarciaesgi/regle-schemas
development
VerifiedTrustedCommunity
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.
465SKILL.mdUpdated Jun 12, 2026
victorgarciaesgi/regle-rules
tools
Community
Regle validation rules — built-in rules from `@regle/rules`, custom rules with `createRule`, rule wrappers (`withMessage`, `withParams`, `withAsync`, `withTooltip`), and rule operators (`and`, `or`, `xor`, `not`, `applyIf`, `assignIf`, `pipe`). Use when declaring, customizing, composing, or conditionally applying validation rules in a Regle form. For form setup see regle.
465SKILL.mdUpdated Jun 12, 2026
victorgarciaesgi/regle
development
VerifiedTrustedCommunity
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.
465SKILL.mdUpdated Apr 15, 2026
victorgarciaesgi/regle-typescript
development
VerifiedTrustedCommunity
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.
465SKILL.mdUpdated Apr 15, 2026