vue-refactor

Vue 代码里最常见的三种"该拆"：主干太胖、UI 和 IO 纠缠、响应式和业务纠缠。这个 skill 是陪练——先看代码给诊断，再选对应处方，按编译器驱动的方式一步步搬。不写测试防护网，靠编译器 + 单步可回滚保证不改变行为。

方法论出处：Arlo Belshee 的 "Provable Refactorings"、Michael Feathers 的 "Lean on the Compiler"、Michael Thiessen 的 Humble Component + Thin Composable。详细哲学见 reference/compiler-driven-principles.md。

核心纪律（四条，每次都要遵守）

1. 行为等价是底线。这次动作不改变任何外部可观察行为——DOM 输出、事件时序、网络请求、store 变化、路由跳转全都要等价。一旦发现顺手会"优化"某个行为，停下，拆出去走 feature 或 issue。
2. 每步后编译器必须绿。包括 tsc --noEmit、Volar 类型检查、ESLint、已有的单测。任何一步编译不过就立刻回退这一步，不要"先留着，后面一起修"。
3. 一步一个语义单元。一次只搬一个字段、一个方法、一个模板块。不合并、不打包、不"顺手带一个"。
4. 创建新 → 替换引用 → 删除旧。永远这个三步循环。不要原地改名（改名会让引用一次性全断），要先建新位置、再一个个搬引用、最后拆旧位置。

违反任意一条都等于回到"AI 胡乱重构"——这个 skill 的存在意义就没了。