vue▌

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

Vue JSX syntax patterns and migration guidance from React JSX. \n \n Covers attribute naming differences between Vue and React JSX (e.g., class vs className ) \n Includes JSX plugin configuration for Vue projects \n Provides reference material for migrating existing React JSX code to Vue or resolving attribute type errors \n