Index of every page on this site: llms.txt
All skills
antfu avatar

/vue

@7de210b official
by Anthony Fuantfu/skills6k stars
342
Run it yourself

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.

Use this Skill: https://skilld.dev/gh/antfu/skills/vue

Nothing lands on disk. Nothing to clean up.

Fork this Skill

Edit a local copy. It keeps the author and licence.

GENERATION.md

≈34 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Generation Info

  • Source: sources/vue
  • Git SHA: 40aa88af0094f7bab4aaf786e55c748a6a251d88
  • Generated: 2026-09-25

Source: SKILL.md on GitHub

No rule matched.

skilld matched fixed text patterns in SKILL.md and file names. Patterns miss obfuscated code.

skilld run checks every file with the same patterns. It asks for approval before it loads a Skill with a behavior marked Needs approval.

No alerts1mo5 checks · Risk SAFE
  • Gen Agent Trust Hub1mo

    The skill provides comprehensive guidelines and references for Vue 3 Composition API and <script setup>. It contains standard code examples and documentation from reputable sources. No security risks were identified.

  • Socket1mo

    No alerts

  • Snyk1mo

    Risk: LOW · No issues

  • Runlayer8mo

    1/5 files flagged

  • ZeroLeaks6mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at 7de210b. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub last week.

Activeupdated last month
Other metadata
metadata
{
  "author": "Anthony Fu",
  "version": "2026.9.25",
  "source": "Generated from https://github.com/vuejs/docs, scripts at https://github.com/antfu/skills"
}
  • Vue
  • TypeScript
  • vue3
  • composition-api
  • script-setup
  • reactivity
  • components
  • sfc

README badge

README badge for antfu/skills/vue

Provides Vue 3 Composition API patterns, script setup macros (defineProps, defineEmits, defineModel), reactivity utilities (ref, computed, watch), and built-in components (Transition, Teleport, Suspense, KeepAlive). Use when writing Vue SFCs with TypeScript and <script setup> syntax.

Generated from the current SKILL.md.

Does this skill cover Vue 2 or Vue 3?
This skill is based on Vue 3.5 and uses the Composition API exclusively. It does not cover Vue 2 or the Options API.
Should I use script setup or the traditional script block?
Always use `<script setup lang="ts">`. The skill discourages the traditional `<script>` block in favor of the more concise setup macro syntax.
Does this skill cover advanced patterns like Transition and Suspense?
Yes. The skill includes Vue's built-in components (Transition, Teleport, Suspense, KeepAlive) and directives like v-memo and custom directives.
When should I use shallowRef instead of ref?
Use shallowRef when deep reactivity is not needed, as it offers better performance than ref for large objects or arrays.
Does this skill recommend TypeScript?
Yes. The skill prefers TypeScript over JavaScript and all examples use `lang="ts"`.

Generated from the current SKILL.md. These answers refresh after source changes.