本單元介紹如何使用 Vue 3 和 Firebase 開發一個完整的待辦事項應用，包括基本功能實現和進階優化。

• Firestore
• Composables
• 待辦事項應用開發

本部分將應用前面所學的知識，開發一個完整的待辦事項應用，並介紹一些優化技巧和最佳實踐。

學習目標

• 開發完整的待辦事項應用
• 實現進階功能：分類、搜索、優先級等
• 了解 Firestore 的最佳實踐
• 優化應用性能

1. 應用架構設計

1.1 文件結構

/src
  /assets
  /components
    /todos
      TodoList.vue      # 待辦事項列表
      TodoItem.vue      # 單個待辦事項
      TodoForm.vue      # 新增/編輯表單
      TodoFilter.vue    # 篩選組件
  /composables
    useCollection.js    # 集合操作
    getCollection.js    # 獲取集合
    getDocument.js      # 獲取文檔
  /firebase
    config.js           # Firebase 配置
  /views
    HomeView.vue        # 主頁面
  App.vue
  main.js

本部分將快速介紹 Firebase 和 Firestore，並協助你設定專案環境，為待辦事項應用做好準備。

學習目標

• 了解 Firebase 和 Firestore 的基本概念
• 設定 Firebase 專案
• 將 Firebase 整合到 Vue 3 應用中

1. Firebase 與 Firestore 簡介

什麼是 Firebase？

Firebase 是 Google 提供的應用開發平台，提供多種開發工具和基礎設施服務：

• 雲端資料庫 (Firestore、Realtime Database)
• 身份驗證 (Authentication)
• 雲端存儲 (Storage)
• 雲端函數 (Functions)
• 託管服務 (Hosting)