# Vue

> Unified Vue 3 ecosystem guide. Composition API, Vue 3.6 Vapor Mode, Pinia state management, Vue Router 5, VueUse composables, testing. Use when working with Vue SFCs, .vue files, defineProps/defineEmits/defineModel, watchers, Transition/Teleport/Suspense/KeepAlive, state management, or routing. MUST be used for Vue.js tasks.

- **Type:** Skill
- **Install:** `agentstack add skill-kimjinwoo4-vue-skills-vue`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [KIMJINWOO4](https://agentstack.voostack.com/s/kimjinwoo4)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [KIMJINWOO4](https://github.com/KIMJINWOO4)
- **Source:** https://github.com/KIMJINWOO4/vue-skills/tree/main/skills/vue

## Install

```sh
agentstack add skill-kimjinwoo4-vue-skills-vue
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Vue Ecosystem Skill

> Baseline: Vue 3.5 stable / Vue 3.6 (Vapor Mode) · Vue Router 5 · Pinia 3 · VueUse 14 — as of 2026-07.
> Always use Composition API + ``.

## Core Principles

- TypeScript first: ``
- Prefer `shallowRef` over `ref` for large or performance-critical state
- Composition API only — avoid Options API in new code
- Avoid Reactive Props Destructure unless the whole team understands its compile-time semantics
- For new perf-critical components, consider Vapor Mode (``) — see the 3.6 reference

## Reference Map

Read the reference for the topic you are working on to load detailed knowledge.

| Area | Description | Path |
|------|-------------|------|
| **Vue Core** | Script Setup macros, reactivity, lifecycle | [script-setup-macros](references/script-setup-macros.md), [core-new-apis](references/core-new-apis.md) |
| **Vue 3.6 / Vapor** | Vapor Mode, alien-signals reactivity, interop, migration readiness | [vue-36-vapor](references/vue-36-vapor.md) |
| **Built-in Components** | Transition, Teleport, Suspense, KeepAlive | [advanced-patterns](references/advanced-patterns.md) |
| **Best Practices** | Vue 3 gotchas, performance, TS patterns (180+ guides) | [best-practices-index](references/best-practices-index.md) → `best-practices/` |
| **Pinia** | State management, stores, plugins, SSR | [pinia-guide](references/pinia-guide.md) → `pinia/` |
| **Router** | Vue Router 5, file-based routing, navigation guards | [router-guide](references/router-guide.md) → `router/` |
| **Testing** | Vitest + Vue Test Utils, E2E | [testing-guide](references/testing-guide.md) → `testing/` |
| **VueUse** | 200+ composable function map (v14) | [vueuse-guide](references/vueuse-guide.md) → `vueuse/` |

Related skills: `vue-data` (server-state & data fetching), `vue-forms` (forms & validation), `vue-performance` (profiling & optimization), `vue-a11y` (accessibility).

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [KIMJINWOO4](https://github.com/KIMJINWOO4)
- **Source:** [KIMJINWOO4/vue-skills](https://github.com/KIMJINWOO4/vue-skills)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-kimjinwoo4-vue-skills-vue
- Seller: https://agentstack.voostack.com/s/kimjinwoo4
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.