# vue

> Claude/Codex skill by [@antfu](https://omgskills.com/library/antfu/index.md) · 6k stars · Updated 2026-10-23

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

Tags: agent-skills, skills

## Install

```sh
git clone https://github.com/antfu/skills /tmp/skills && ln -s /tmp/skills/skills/vue ~/.claude/skills/vue
```

## From README

Vue Based on Vue 3.5, generated at 2026-09-25. Always use Composition API with . Preferences Prefer TypeScript over JavaScript Prefer over For performance, prefer shallowRef over ref if deep reactivity is not needed Always use Composition API over Options API Discourage using Reactive Props Destructure Core | Topic | Description | Reference | |-------|-------------|-----------| | Script & Macros | , defineProps, defineEmits, defineModel, defineExpose, defineOptions, defineSlots, generics | script- -macros | | Reactivity & Lifecycle | ref, shallowRef, computed, watch, watchEffect, effectScope, lifecycle hooks, composables | core-new-apis | Features | Topic | Description | Reference | |-------|-------------|-----------| | Built-in Components & Directives | Transition, Teleport, Suspense, KeepAlive, v-memo, custom directives | advanced-patterns | Quick Reference Component Template Key Imports

## Links

- HTML page: https://omgskills.com/library/antfu/skills/vue/
- GitHub: https://github.com/antfu/skills
- Author: [@antfu](https://omgskills.com/library/antfu/index.md)

## More from this repo

- [nuxt](https://omgskills.com/library/antfu/skills/nuxt/index.md) — Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing.
   - [@antfu](https://omgskills.com/library/antfu/index.md) · 6.1k stars
- [antfu](https://omgskills.com/library/antfu/skills/skills/antfu/index.md) — Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.
   - [@antfu](https://omgskills.com/library/antfu/index.md) · 6k stars
- [nitro](https://omgskills.com/library/antfu/skills/skills/nitro/index.md) — Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere.
   - [@antfu](https://omgskills.com/library/antfu/index.md) · 6k stars