Vue Component Writer

소개

This skill transforms Claude into an expert Vue.js developer specialized in the Prowi application ecosystem. It enforces the use of modern Vue 3.4+ patterns—specifically prioritizing defineModel() over legacy modelValue patterns—and ensures all new code is built with robust TypeScript support. By following a strict seven-step component structure and adhering to specific Inertia.js v0.11.1 compatibility requirements, the skill helps maintain a consistent, type-safe, and performant frontend codebase while providing clear paths for migrating legacy Options API components.

주요 기능

• 0 GitHub stars
• Promotes clean styling practices using scoped Tailwind CSS and the early exit coding pattern
• Implements strict TypeScript requirements for props, emits, and reactive state
• Enforces modern Vue 3.4+ patterns including defineModel() for simplified two-way binding
• Mandates a standardized 7-step script setup structure for consistency and maintainability
• Handles specific Inertia.js v0.11.1 constraints for form handling and global state access

사용 사례

• Creating new Vue.js components from scratch with full TypeScript integration
• Refactoring legacy Options API components into modern Composition API syntax
• Updating existing frontend logic to comply with Prowi-specific architectural conventions