1---2name: vue-63description: Vue 3 Composition API with `<script setup lang="ts">` covering reactivity, SFC, components, composables, TypeScript, performance, and SSR. Used when working with Vue 3, .vue files, Vue components, Vue Router, Pinia, or Vite + Vue projects. Use when this capability is needed.4---56> The skill is based on Vue v3.5, generated at 2026-06-04.78Vue 3 with Composition API and `<script setup lang="ts">` is the standard. Always use Composition API unless the project explicitly requires Options API. Prefer `shallowRef` over `ref` when deep reactivity is not needed.910## Core References1112| Topic | Description | Reference |13| ---------------------- | ---------------------------------------------------------------------------- | ------------------------------------------------------------------ |14| Reactivity | `ref`, `reactive`, `computed`, `watch`, `shallowRef` — when to use each | [core-reactivity](references/core-reactivity.md) |15| `<script setup>` & SFC | `defineProps`, `defineEmits`, `defineModel`, `defineExpose`, `defineOptions` | [core-sfc-script-setup](references/core-sfc-script-setup.md) |16| Component Data Flow | Props, events, v-model, fallthrough attrs | [core-component-data-flow](references/core-component-data-flow.md) |17| Lifecycle Hooks | `onMounted`, `onUnmounted`, SSR awareness, cleanup patterns | [core-lifecycle](references/core-lifecycle.md) |1819## Feature References2021| Topic | Description | Reference |22| ------------------- | -------------------------------------------------------------------- | -------------------------------------------------------------------------- |23| Built-in Components | `Transition`, `TransitionGroup`, `KeepAlive`, `Teleport`, `Suspense` | [features-built-in-components](references/features-built-in-components.md) |24| Composables | Extracting and reusing stateful logic, `toValue()`, async patterns | [features-composables](references/features-composables.md) |25| Slots | Default, named, scoped slots, `useSlots()`, renderless components | [features-slots](references/features-slots.md) |26| Provide / Inject | Dependency injection, `InjectionKey`, readonly state | [features-provide-inject](references/features-provide-inject.md) |2728## Best Practices2930| Topic | Description | Reference |31| ----------- | ----------------------------------------------------------------------------------- | ---------------------------------------------------------------------- |32| Performance | `shallowRef`, props stability, `v-once`, `v-memo`, computed stability, lazy loading | [best-practices-performance](references/best-practices-performance.md) |33| TypeScript | Typing refs, props, emits, composables, template refs, provide/inject | [best-practices-typescript](references/best-practices-typescript.md) |3435## Advanced3637| Topic | Description | Reference |38| ---------------------- | --------------------------------------------------------------------------- | -------------------------------------------------------------------- |39| Render Functions & JSX | `h()`, JSX/TSX, functional components, slots in render functions | [advanced-render-functions](references/advanced-render-functions.md) |40| SSR | `renderToString`, hydration, server/client code separation, `useSSRContext` | [advanced-ssr](references/advanced-ssr.md) |4142---43> Source: [lntvow/skills](https://github.com/lntvow/skills) — distributed by [TomeVault](https://tomevault.io).44<!-- tomevault:4.0:skill_md:2026-06-10 -->
tomevault-io