vue-components

What problem does it solve?

This Skill provides a standardized approach to building Vue 3 components, ensuring consistency, maintainability, and adherence to project conventions.

Core Features & Use Cases

• Component Structure: Demonstrates the recommended structure for Vue 3 components using <script setup lang="ts">.
• Props and Emits: Illustrates type-safe definition and usage of props and emits with TypeScript.
• State Management: Shows basic reactive state management with ref and computed properties.
• Use Case: When creating a new reusable UI element like a modal or a card, use this Skill to ensure it follows the project's established patterns for props, emits, and styling.

Quick Start

Create a new Vue component named 'UserProfileCard' that accepts a 'user' prop and emits a 'save' event.