Codex Eyas Vue 模块重构｜提取格式逻辑并保持组件接口
EnglishCodex 安装步骤
- 打开 GitHub 固定提交的 `.agents/skills/refactoring-patterns/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.agents/skills/refactoring-patterns/`，把核对后的文件保存为 `.agents/skills/refactoring-patterns/SKILL.md`。
- 在该项目根目录启动 Codex，输入 `$refactoring-patterns` 并选择同名技能。
中文摘要
按 Eyas 的重构约定拆分超过行数限制的组件或服务，保留稳定的对外调用和依赖关系。
SKILL.md 中文导读
可复现示例
为下面的演示组件拟定一次行为保持的拆分。
{"file":"DisplayPanel.vue","scriptLines":143,"pureHelper":"formatLabel","originalOutput":"Oak","keepPublicEntry":true}工作步骤
- 找出可独立提取的纯计算或格式逻辑。
- 将功能提到相邻模块，保留原入口代理。
- 逐步验证接口和实际输出一致。
验收方法
将 `formatLabel` 移到 `DisplayPanel.logic.ts`，原组件继续转发。原有输入应保持 `output=Oak`。
GitHub 原文 · 更新日期
适用环境
在 Codex 中打开 Eyas 项目，准备目标 Vue 组件、当前行数、模块约定和能验证对外结果的测试。
常见问题
要用一个通用 utils 文件接住所有逻辑吗？
大型服务按领域选有含义的模块名。相邻的局部纯函数可以放在名称明确的 .logic.ts 或 .utils.ts。