📝 Nuxt3 Todo List 專案介紹
本專案由 Nuxt 3（前端）與 FastAPI（後端）開發， 是一個功能完整、互動流暢的任務管理工具。
- ✅ 新增、刪除、編輯 Todo 項目
- 🔄 點擊切換完成狀態，雙擊編輯內容
- 🎯 狀態篩選（全部 / 未完成 / 已完成）
- 📦 使用 Pinia 管理 todos 狀態與篩選條件
- 🧩 拖曳排序：整合 vuedraggable 實現拖放，並同步更新後端排序
✨ 專案畫面預覽
- 基本操作
- 拖曳任務排序
- 響應式設計
- 支援離線瀏覽
🛠️ 技術堆疊
- 前端框架： Nuxt 3 (Vue 3 Composition API)
- 後端 API： FastAPI
- 狀態管理： Pinia
- UI 框架： Tailwind CSS
- 測試工具： Vitest + Vue Test Utils
- 驗證工具： VeeValidate / Yup
- 拖曳實作： Vuedraggable
- 儲存方式： localStorage / MongoDB