vue

What problem does it solve?

This Skill helps developers efficiently build Vue.js applications by providing guidance and quick access to the Vue 3 Composition API, script setup, and core features.

Core Features & Use Cases

• Composition API: Leverage ref, computed, watch, and lifecycle hooks for organized and reusable logic.
• Script Setup: Utilize <script setup> for concise component definitions and compiler macros like defineProps, defineEmits, and defineModel.
• Built-in Components: Understand and implement Transition, Teleport, Suspense, and KeepAlive for advanced UI patterns.
• Use Case: Quickly scaffold a new Vue component using <script setup>, define its props and emits, and implement reactive state management.

Quick Start

Use the vue skill to generate a basic Vue 3 component with <script setup> and define props.