重構成果: - 主檔案代碼減少64% (543→193行) - 新建5個UI組件 + 2個Custom Hooks - 業務邏輯與UI完全分離 - TypeScript類型安全,編譯無錯誤 - 組件可重用性大幅提升 新建組件: - LoadingState: 統一載入狀態 - ErrorState: 統一錯誤處理 - FlashcardInfoBlock: 詞卡資訊區塊 - FlashcardActions: 操作按鈕組 - EditingControls: 編輯模式控制 新建Hooks: - useFlashcardActions: 詞卡操作邏輯 - useImageGeneration: 圖片生成邏輯 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| useDebounce.ts | ||
| useFlashcardActions.ts | ||
| useFlashcardDetailData.ts | ||
| useFlashcardImageGeneration.ts | ||
| useFlashcardOperations.ts | ||
| useFlashcardSearch.ts | ||
| useImageGeneration.ts | ||