Vue 3 & Nuxt 3 Expert

What problem does it solve?

This Skill provides expert guidance and best practices for building modern, performant, and type-safe web applications using Vue 3 and Nuxt 3, addressing complex frontend development challenges.

Core Features & Use Cases

• TDD Workflow: Implement features following a Test-Driven Development approach with Vitest.
• Composable Architecture: Design reusable logic with composables and type-safe Pinia stores.
• Performance Optimization: Apply patterns like lazy loading, computed properties, and virtual scrolling.
• Security Best Practices: Implement client-side security measures against XSS and CSRF.
• SSR/SSG: Leverage Nuxt 3's capabilities for server-side rendering and static site generation.
• Use Case: Develop a complex e-commerce frontend with Nuxt 3, ensuring optimal performance, robust state management, and secure user authentication.

Quick Start

Implement a new Vue component following the TDD workflow outlined in the skill's documentation.