form-vue

What problem does it solve?

This Skill provides production-ready Vue 3 form patterns with a robust validation stack (VeeValidate + Zod) to speed up form development, ensuring reliable UX and strong data integrity.

Core Features & Use Cases

• Schema-driven validation: Integrates VeeValidate with a typed Zod schema for consistent validation across forms.
• Composable form handling: Leverages Vue 3 Composition API for clean, reusable form logic.
• Use Case: Build a sign-up form with real-time validation feedback and cross-field validation (e.g., password confirmation).

Quick Start

1. Install dependencies: vee-validate, @vee-validate/zod, zod.
2. Define a Zod schema for your form and convert it to a VeeValidate-typed schema.
3. Wire up fields with v-model and a submit handler to process values.