Codex Eyas Vue Refactoring for Stable Public Behavior
Extract focused logic from large Eyas components while preserving the original API and using small verification steps.
中文Install in Codex
Open Eyas in Codex with the Vue component, current line count, module conventions and checks for public behavior.
- Review `.agents/skills/refactoring-patterns/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.agents/skills/refactoring-patterns/` in your project and save the reviewed file as `.agents/skills/refactoring-patterns/SKILL.md`.
- Start Codex from that project's root, then type `$refactoring-patterns` and select the matching skill.
Example task
Plan one behavior-preserving split for this sample component.
{"file":"DisplayPanel.vue","scriptLines":143,"pureHelper":"formatLabel","originalOutput":"Oak","keepPublicEntry":true}What to check
Move `formatLabel` to `DisplayPanel.logic.ts` and keep the original component forwarding calls. The same input must still yield `output=Oak`.
Original SKILL.md on GitHub · Updated
Frequently asked question
Should all extracted logic go into one generic utils file?
Split large services by their domain. Local pure helpers can use a meaningfully named neighboring .logic.ts or .utils.ts module.