vue

Write Vue 3 components, composables, and tests with Vitest and Vue Test Utils.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/caraseli02/MoldovaDirect --skill vue-caraseli02
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue
Source: https://github.com/caraseli02/MoldovaDirect/tree/main/.claude/skills/vue
Command: npx skills add https://github.com/caraseli02/MoldovaDirect --skill vue-caraseli02

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vue 3 development often lacks a single, coherent reference for components, composables, and testing patterns.

Core Features & Use Cases

Guides on component architecture (props, emits, slots) using the Composition API, reusable composable patterns with VueUse, and testing practices with Vitest and Vue Test Utils.

Quick Start

Start by reading references to implement Vue 3 components, composables, and tests.

Frequently Asked Questions about vue

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write Vue 3 components using the Composition API?

Vue 3 components use the Composition API to define props, emits, and slots within .vue files. This approach enforces consistent conventions for component architecture, replacing the Options API with composable logic for better reusability.

How do I test Vue 3 components with Vitest and Vue Test Utils?

Testing Vue 3 components with Vitest and Vue Test Utils involves validating implementations through consistent testing practices. You write unit tests that mount components, simulate interactions, and assert emitted events or rendered slot content.

What's the best way to create reusable composables with VueUse?

Creating reusable composables with VueUse involves extracting component logic into standalone functions using the Composition API. This pattern enables sharing stateful logic across multiple Vue 3 components without duplicating code.

Does this Vue 3 component guidance cover prop and emit conventions?

Yes, Vue 3 component guidance explicitly covers prop and emit conventions. It provides reference patterns for defining typed props, handling emit events, and structuring slots to ensure consistent component interfaces across your application.

Why use the Composition API instead of the Options API for Vue components?

The Composition API organizes component logic by feature rather than option type, enabling better code reuse through composables. It integrates directly with VueUse and Vitest, streamlining both logic composition and component testing compared to the Options API.

Can I use Vue Test Utils to validate slot implementations in Vue 3?

Yes, Vue Test Utils can validate slot implementations in Vue 3. The testing practices covered include mounting components with slot content and asserting that the rendered output correctly reflects the provided slot data.