vue-patternslisted

Vue 3 Composition API patterns, reactivity, single-file components, anti-patterns, and review checklist. Use whenever the project contains `.vue` files, `vue` in `package.json` dependencies, `vite.config.*` with the Vue plugin, OR the user asks about Vue, Vue 3, Composition API, ref, reactive, computed, watch, watchEffect, defineProps, defineEmits, defineSlots, script setup, single-file components, Pinia, even if Vue is not mentioned by name.
ku5ic/dotfiles · ★ 0 · Web & Frontend · score 72

Install: claude install-skill ku5ic/dotfiles

# Vue patterns Default assumption: Vue 3 with the Composition API and `<script setup>` syntax. Current stable is Vue 3.5; deltas in 3.5+ (Reactive Props Destructure, `onWatcherCleanup`, `defineModel`) are called out where they matter. Options API is acceptable for legacy code; flag as legacy when reviewed. Adapt advice to the version in the project's `package.json` or lockfile. ## Severity rubric - `failure`: a concrete defect or violation that should not ship. - `warning`: a smell or pattern that compounds with other findings. - `info`: a hardening opportunity or note, not a defect. ## Reference files | File | Covers | | -------------------------------------------------------- | ------------------------------------------------------------------------------- | | [reference/reactivity.md](reference/reactivity.md) | `ref` vs `reactive`, `toRefs`, `shallowRef`, destructuring traps | | [reference/components.md](reference/components.md) | `<script setup>`, `defineProps`/`Emits`/`Slots`/`Model`, defaults (3.5+ vs 3.4) | | [reference/watchers.md](reference/watchers.md) | `watch` vs `watchEffect`, options, deep watchers, async cleanup | | [reference/state.md](reference/state.md) | `provide`/`inject`, Pinia, composables | | [reference/anti-patterns.