---
title: "Vue - Air Market"
description: "You are building a Vue 3 component and are not sure which of its built-in pieces to use, or how. This covers the Composition API, the script setup shorthands, how reactivity works, and the components…"
canonical: "https://airmarket.ai/app/vue"
---

[Air Market](/) / [Developer Tools](/category/devtools) / Vue

Skill by [Anthony Fu](/@antfu)

# Vue

Reach for the right Composition API piece while writing components

## What this does

You are building a Vue 3 component and are not sure which of its built-in pieces to use, or how. This covers the Composition API, the script setup shorthands, how reactivity works, and the components Vue ships with, so you can write the component instead of looking each one up.

### Top 3 things it does for you

- Write a single-file component
- Wire up props, emits and two-way models
- Set up a watcher that reacts to state

## Information

**Vue at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Anthony Fu](/@antfu) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Version | 2026.1.31 |
| Size | 17 KB |
| Licence | MIT |
| Repository | [antfu/skills](https://github.com/antfu/skills/tree/50deaeb269d80d92db7a2c5a677290309ae307fc/skills/vue) |
| GitHub stars | 5,792 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Vue and flagged nothing. AIR's verdict: **safe**.

**What Vue's check was run against**

|  |  |
| --- | --- |
| Commit | 50deaeb269d80d92db7a2c5a677290309ae307fc |
| Content hash | 3f20bfabde0f92650e7f9071b60ceaa39626aadaaee6094c51f25520ff8c6894 |
| Files read | [Browse the files at this exact commit](https://github.com/antfu/skills/blob/50deaeb269d80d92db7a2c5a677290309ae307fc/skills/vue/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Vue](/security/vue)

## About Vue

This covers Vue 3's Composition API, the macros available in script setup, the reactivity system, and Vue's built-in components.

Reach for it when you are writing single-file components: declaring props, emits or models, setting up watchers, or using Transition, Teleport, Suspense and KeepAlive.

## What's inside

- SKILL.md - instructions
- GENERATION.md - reference
- references/advanced-patterns.md - reference
- references/core-new-apis.md - reference
- references/script-setup-macros.md - reference

## Questions

### Is Vue safe to install?

AIR scanned this exact version of Vue and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 50deaeb269d8, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/vue.

### How do I install Vue?

Open https://airmarket.ai/app/vue on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/antfu/skills/tree/50deaeb269d80d92db7a2c5a677290309ae307fc/skills/vue. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by Anthony Fu](/@antfu)

---

Canonical URL: <https://airmarket.ai/app/vue>
