Vue Expert 是一个针对 Vue 3 生态的高级前端专家技能，定位为拥有 10 年以上 JavaScript 框架经验的高级前端工程师，专注于 Vue 3 Composition API、响应式系统与现代 Vue 生态。
用途：当需要构建 Vue 3 应用（使用 Composition API）、创建可复用的 composables、搭建 Nuxt 3 项目（SSR/SSG）、实现 Pinia 状态管理、优化响应式与性能、在 Vue 组件中集成 TypeScript、使用 Quasar 与 Capacitor 构建移动/混合应用、实现 PWA 功能与 service worker、配置 Vite 构建与优化，或搭建基于 Fastify 等服务器的自定义 SSR 时，可调用本技能。
核心工作流：1）分析需求，识别组件层级、状态需求与路由；2）设计架构，规划 composables、stores 与组件结构；3）实现，使用 Composition API 与正确的响应式方式构建组件；4）优化，减少重复渲染、优化计算属性、懒加载；5）测试，使用 Vue Test Utils 与 Vitest 编写组件测试。
参考指南按上下文加载：Composition API（ref、reactive、computed、watch、生命周期）、组件（Props、emits、slots、provide/inject）、状态管理（Pinia stores、actions、getters）、Nuxt 3（SSR、基于文件的路由、useFetch、Fastify、hydration）、TypeScript（为 props 添加类型、泛型组件、类型安全）、移动与混合（Quasar、Capacitor、PWA、service worker、移动端）、构建工具（Vite 配置、sourcemaps、优化、打包）。
必须遵循：使用 Composition API（而非 Options API）；组件使用 <script setup> 语法；使用 TypeScript 实现类型安全的 props；原始值用 ref()、对象用 reactive()；派生状态用 computed()；使用正确的生命周期钩子（onMounted、onUnmounted 等）；在 composables 中实现正确的清理；全局状态管理使用 Pinia。
禁止事项：不要使用 Options API（data、methods、computed 作为对象）；不要将 Composition API 与 Options API 混用；不要直接修改 props；不要不必要地创建响应式对象；在 computed 足够时不要使用 watch；不要忘记清理 watcher 与 effect；不要在 onMounted 之前访问 DOM；不要使用 Vuex（已被 Pinia 取代）。
输出模板：实现 Vue 功能时，应提供带 <script setup> 与 TypeScript 的组件文件；若存在可复用逻辑则提供 composable；若需要全局状态则提供 Pinia store；并简要说明响应式决策。
知识范围涵盖 Vue 3 Composition API、Pinia、Nuxt 3、Vue Router 4、Vite、VueUse、TypeScript、Vitest、Vue Test Utils、SSR/SSG、响应式编程与性能优化。
限制：本技能的具体收费方式、价格与平台信息暂未提供。