TypeWords/docs/更新后的详细执行计划.md

遵照您的指示，我将在迁移代码之前，先梳理并输出详细的需求文档和架构文档。

更新后的详细执行计划:

第一阶段：文档编写 (Documentation)

1. 需求文档 (documents/Requirement_Analysis.md):
   • 基于源码（router.ts, types.ts 等）深度解析现有功能。
   • 详细列出功能模块：单词练习（多种模式）、文章练习（音频同步）、词典管理（本地/在线）、用户系统（VIP/同步）、快捷键系统等。
   • 明确数据结构：Word, Article, Dict, User 等核心实体的定义。
2. 架构文档 (documents/System_Architecture.md):
   • 技术栈: Vue 3 -> Nuxt 4, Pinia, UnoCSS, IndexedDB。
   • 目录结构: 详细对比 TypeWords 和 nuxt-tw 的目录映射关系。
   • 数据流: 描述前端与后端 (API)、本地存储 (IndexedDB) 的交互流程。
   • 路由设计: 规划 Nuxt 的文件路由结构。

第二阶段：基础设施与依赖 (Infrastructure & Dependencies)

1. 清理与配置:
   • 移除 nuxt-tw 中的临时文件和 @nuxt/ui 及其 Tailwind 依赖。
   • 配置 nuxt.config.ts：移除 UI 模块，添加 @unocss/nuxt。
   • 创建 uno.config.ts。
2. 依赖安装:
   • 安装核心依赖：unocss, pinia, sass, idb-keyval, dayjs, lodash 等。

第三阶段：核心逻辑迁移 (Core Logic)

1. 类型与工具: 迁移 types 和 utils/libs。
2. 状态管理: 迁移 stores 到 Nuxt Pinia 模块。
3. Composables: 重构 hooks 和 apis 为 Nuxt Composables。

第四阶段：资源与组件 (Assets & Components)

1. 静态资源: 迁移 assets 和 public。
2. 组件迁移: 迁移并适配所有 Vue 组件。

第五阶段：页面与路由 (Pages & Routing)

1. 页面重构: 将 Vue Router 配置转换为 pages/ 目录结构。
2. 元数据适配: 使用 definePageMeta 和 useHead。

第六阶段：验证 (Verification)

1. 功能测试: 验证核心业务流程（登录、练习、词典加载）。
2. 样式检查: 确保 UnoCSS 样式正确应用。

确认执行？ 如果同意，我将首先生成两份文档，供您查阅和存档。