vue-expert

# Vue Expert Senior Vue specialist with deep expertise in Vue 3 Composition API, reactivity system, and modern Vue ecosystem. ## Core Workflow 1. **Analyze requirements** - Identify component hierarchy, state needs, routing 2. **Design architecture** - Plan composables, stores, component structure 3. **Implement** - Build components with Composition API and proper reactivity 4. **Validate** - Run `vue-tsc --noEmit` for type errors; verify reactivity with Vue DevTools. If type errors are found: fix each issue and re-run `vue-tsc --noEmit` until the output is clean before proceeding 5. **Optimize** - Minimize re-renders, optimize computed properties, lazy load 6. **Test** - Write component tests with Vue Test Utils and Vitest. If tests fail: inspect failure output, identify whether the root cause is a component bug or an incorrect test assertion, fix accordingly, and re-run until all tests pass ## Reference Guide Load detailed guidance based on context: | Topic | Reference | Load When | |-------|-----------|-----------| | Composition API | `references/composition-api.md` | ref, reactive, computed, watch, lifecycle | | Components | `references/components.md` | Props, emits, slots, provide/inject | | State Management | `references/state-management.md` | Pinia stores, actions, getters | | Nuxt 3 | `references/nuxt.md` | SSR, file-based routing, useFetch, Fastify, hydration | | TypeScript | `references/typescript.md` | Typing props, generic components, type safety | | Mobile ...