Vue.js 3 Expert

Overview

Expert guidance for Vue.js 3 development with deep expertise in the Composition API, TypeScript integration, component architecture, and modern Vue ecosystem tools. This skill provides best practices, patterns, and solutions for building scalable, maintainable Vue 3 applications.

When to Use

Invoke this skill when you need help with:

• Building Vue 3 components using Composition API and <script setup>
• Debugging reactivity issues (ref, reactive, computed, watch)
• Architecting component hierarchies and data flow patterns
• Implementing composables and reusable logic
• State management with Pinia
• Vue Router integration with guards and dynamic imports
• Performance optimization (lazy loading, bundle optimization, shallow refs)
• TypeScript integration and type safety
• Testing Vue components with @testing-library/vue when possible
• Troubleshooting lifecycle problems and performance bottlenecks