Modern Vue 3 & Pinia 開發專家 (neo-vue)

本技能旨在為 Agent 提供現代 Vue 3 (Composition API) 與 Pinia 狀態管理的開發與審查指南。它能確保產出的代碼完全符合官方 Vue Style Guide（優先級 A 與 B 級）的最佳實踐，避免常見的響應性陷阱（Reactivity Gotchas），並生成具備高質感與強型別的單一檔案元件（SFC）。

Gotchas

• 解構 reactive 物件導致響應性丟失：禁止直接解構 props 或由 reactive() 定義的物件（例如：const { name } = props 或 const { x } = state），這會徹底失去 Vue 響應式追蹤！
  • 防錯機制：必須使用 toRefs(props) 或 toRef(props, 'name') 來保持其響應性。
• 解構 Pinia Store 導致狀態響應性丟失：直接解構 Pinia store 的 state（如 `const {

[Description truncada. Veja o README completo no GitHub.]