vue▌

Best practices and architectural patterns for Vue 3 and Nuxt 3 projects. \n \n Emphasizes core principles: predictable state with single source of truth, explicit data flow (props down, events up), and small focused components \n Requires Composition API with <script setup lang=\"ts\"> as the default, and mandates following referenced guides for reactivity, SFC structure, and data flow patterns \n Includes a tasks checklist covering core principles, reactivity best practices, component desi

Build well-organized Vue 3 applications using Composition API, proper file organization, and TypeScript for type safety and maintainability.

Comprehensive testing guidance for Vue.js projects covering unit, component, and end-to-end testing. \n \n Addresses 11 common testing challenges including async handling, composable testing, Pinia store setup, Suspense components, and Teleport queries \n Recommends Vitest for unit and component testing, Playwright for end-to-end testing, and Vue Test Utils for component interaction \n Covers testing patterns like black-box component approaches, snapshot test pitfalls, and browser vs. Node.js ru

The skill is based on Vue 3.5+, generated at 2026-01-28.

Composition API patterns, component architecture, and testing practices for Vue 3 projects. \n \n Modular reference system covering components, composables, utilities, testing, TypeScript patterns, routing, reactivity, directives, and provide/inject \n Load only task-relevant files to minimize token usage (base ~250 tokens, sub-files 500–1500 tokens each) \n Includes best practices for props/emits typing, reactive destructuring, VueUse integration, and Vitest component testing \n Covers edge cas