Home / antfu / skills · skills/vue/SKILL.md · GitHub

vue skillB

vue is agent-read markdown (skill) from antfu/skills: 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..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified before it reaches your agent: the main file against the SHA-256 recorded here, the others against the git hashes of its source commit. The deterministic audit below grades the latest version, and the same checks always give the same file the same grade.

What the file says

# Vue

> Based on Vue 3.5, generated at 2026-09-25. Always use Composition API with `<script setup lang="ts">`.

## Preferences

- Prefer TypeScript over JavaScript
- Prefer `<script setup lang="ts">` over `<script>`
- 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 Setup & Macros | `<script setup>`, defineProps, defineEmits, defineModel, defineExpose, defineOptions, defineSlots, generics | [script-setup-macros](references/script-setup-macros.md) |
| Reactivity & Lifecycle | ref, shallowRef, computed, watch, watchEffect, effectScope, lifecycle hooks, composables | [core-new-apis](references/core-new-apis.md) |

## Features

| Topic | Description | Reference |
|-------|-------------|-----------|
| Built-in Components & Directives | Transition, Teleport, Suspense, KeepAlive, v-memo, custom directives | [advanced-patterns](references/advanced-patterns.md) |

## Quick Reference

### Component Template

```vue
<script setup lang="ts">
…

Read the whole file at its exact version.

How to install

Latest version
mdr add antfu/skills/vue@v2026.9.25
Exact content
mdr add antfu/skills/vue@sha256:be148f5189408505

Pin to a label to follow the author's releases, or to a sha256 for exact bytes. Either way the resolved hash is written to mdr.lock, and mdr install fetches those bytes again and checks them, so it installs them exactly or fails.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_7ub6yxnpovgoxxdu.svg)](https://markdownregistry.com/a/art_7ub6yxnpovgoxxdu)

0 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
v2026.9.25 latest2026-09-28 d02c484 2,473 BB view · diff
v2026.1.312026-01-31 e809d40 2,448 BB view · diff
v2026.1.312026-01-31 8772651 1,508 BA view · diff
v2026.1.282026-01-28 5cae97c 3,130 BB view · diff
v2026.1.282026-01-28 b4775da 2,966 BB view

Audit of the latest version

B  16 of 17 checks passed. Deterministic, no model, same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (2473 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Source

GitHub

antfu/skills · 5,927 stars · license MIT · pushed 2026-09-28 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_7ub6yxnpovgoxxdu
GET https://markdownregistry.com/api/v1/resolve?ref=antfu/skills/vue
GET https://markdownregistry.com/api/v1/blob/be148f51894085055710f424f7c8a6d5e6dade7045afcfa633b84629f19cc84f

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from antfu/skills

AGENTS.md agents
antfu/skills · AGENTS.md
git:20260925.e98e476 · audit A · 5,927 stars
antfu-design skill
antfu/skills · skills/antfu-design/SKILL.md · antfu-style design conventions, broadened. UnoCSS-first, class-based semantic tokens with dual light/dark for tooling…
v2026.06.22 · audit A · 5,927 stars
antfu skill
antfu/skills · skills/antfu/SKILL.md · Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects…
v2026.06.22 · audit B · 5,927 stars
nitro skill
antfu/skills · skills/nitro/SKILL.md · Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere. Use…
v2026.9.25 · audit A · 5,927 stars
nuxt skill
antfu/skills · skills/nuxt/SKILL.md · Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server…
v2026.9.25 · audit A · 5,927 stars
pinia skill
antfu/skills · skills/pinia/SKILL.md · Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with…
v2026.9.25 · audit A · 5,927 stars
pnpm skill
antfu/skills · skills/pnpm/SKILL.md · Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring…
v2026.9.25 · audit A · 5,927 stars
unocss skill
antfu/skills · skills/unocss/SKILL.md · UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules…
v2026.9.25 · audit A · 5,927 stars
vite skill
antfu/skills · skills/vite/SKILL.md · Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects…
v2026.9.25 · audit A · 5,927 stars
vitepress skill
antfu/skills · skills/vitepress/SKILL.md · VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or…
v2026.9.25 · audit A · 5,927 stars
vitest skill
antfu/skills · skills/vitest/SKILL.md · Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking…
v2026.9.25 · audit A · 5,927 stars

Every file in antfu/skills

Other files named vue

vue skill
yuecao365/offercome · src/lib/mock-interviews/skills/vue/SKILL.md · Vue 怎么面:响应式原理、组合式 API、组件通信、Router/Pinia、Nuxt。JD 点名 Vue 时读。
git:20260920.a4843f5 · audit A · 24 stars
vue skill
zhaojiannet/canon · plugins/lockstep-vue/skills/vue/SKILL.md · Enforce Vue 3.5+ single-file component conventions with <script setup>, Composition API only, type-safe…
git:20260914.a9571da · audit B · 3 stars

Browse by kind, by grade B, or by owner.