Cypress Page Object Generator

请扫描这个 React 组件目录，自动生成对应的 Cypress page object 文件，要求按组件名命名，并为常见按钮、输入框和列表创建可复用选择器与操作方法。

输出一组按组件组织的 Cypress 页面对象文件，包含清晰的选择器和基础交互方法。

基于这个 Vue 前端项目，自动生成 Cypress page objects，并尽量从模板结构中提取语义化元素，方便后续编写 e2e 测试。

输出适配 Vue 组件结构的页面对象层，可直接作为端到端测试的基础。

请根据现有 CoffeeScript 前端组件生成 Cypress page objects，并给出建议的文件结构，帮助我把分散的选择器重构成统一维护方式。

输出页面对象代码与推荐目录结构，便于统一管理旧项目测试选择器与操作逻辑。