vuelisted
Install: claude install-skill samuhlo/ein-agent
# Vue 3 Development
Reference for Vue 3 Composition API patterns, component architecture, and testing practices.
**Current stable:** Vue 3.5+ with enhanced reactivity performance (-56% memory, 10x faster array tracking), new SSR features, and improved developer experience.
## Overview
Progressive reference system for Vue 3 projects. Load only files relevant to current task to minimize context usage (~250 tokens base, 500-1500 per sub-file).
## When to Use
**Use this skill when:**
- Writing `.vue` components
- Creating composables (`use*` functions)
- Building client-side utilities
- Testing Vue components/composables
**Use `nuxt` skill instead for:**
- Server routes, API endpoints
- File-based routing, middleware
- Nuxt-specific patterns
**For styled UI components:** use `nuxt-ui` skill
**For headless accessible components:** use `reka-ui` skill
**For VueUse composables:** use `vueuse` skill
## Quick Reference
| Working on... | Load file |
| ------------------------ | ---------------------------- |
| `.vue` in `components/` | references/components.md |
| File in `composables/` | references/composables.md |
| File in `utils/` | references/utils-client.md |
| `.spec.ts` or `.test.ts` | references/testing.md |
| TypeScript patterns | references/typescript.md |
| Vue Router typing | references/router.md |
| Reactivity (ref, watch) | references/reactivity.md |
| Custom directives