昨天我們已經有了圓餅圖，能一眼看出「錢都花在哪裡」，但看到一堆比例跟金額，還是有種「嗯…好像花很多？」卻沒有一個明確的警戒線，所以今天要做的，就是加入每月預算與超支提醒

今日目標

1. 使用者能設定每月預算
2. UI 顯示本月總支出與剩餘預算
3. 當支出總額 > 預算時，自動顯示 紅色警告提示
4. 預算值持久化（Firestore），跨裝置同步

給 Cursor 的 Prompt（僅供參考）

幫我在 SwiftUI 記帳 App 加上「每月預算與超支提醒」功能

=== 功能需求 ===
1. Firestore 結構
   - users/{uid}/settings/budget: { amount: Double }

2. UI
   - 在首頁上方顯示：
     - 本月總支出
     - 本月預算
     - 剩餘金額（預算 - 總支出）
   - 當總支出 > 預算時，文字顯示為紅色並加上「⚠️ 已超支」

3. 設定預算
   - 在「設定」或「預算管理」頁面輸入金額並存到 Firestore
   - 支援修改，更新後即時同步到首頁

4. 驗收
   - 預算預設為 0（視為未設定）
   - 總支出 ≤ 預算 → 綠色或黑色字樣
   - 總支出 > 預算 → 紅色警告提示

今日驗收 ✅

1. 使用者可以輸入並儲存每月預算
2. 首頁顯示「本月總支出 / 預算 / 剩餘金額」
3. 超過預算時，UI 變紅並顯示警告訊息
4. 預算數值會同步到 Firestore，不會因為換裝置或刪除 App 而消失
   
   

我的程式碼放在這裡：2025ithome-ExpenseTracker

明日預告

Day 8 要繼續進化這個小帳本：
加上 「時間篩選」，例如只看「本月」或「上個月」的支出。搭配昨天的圓餅圖，未來甚至可以做成財務報表歷史趨勢，從「我花在哪裡」進一步變成「我這幾個月都怎麼花」！