Firebase v9 の Firestoreのdocument data参照方法

Question

Firebase v9 の Firestoreのdocument data参照方法

Nuxt.jsでFirebaseを用いてbooklistアプリを作ろうと思っており、ひとまずFirestoreに保存するまではできました。
以下がその内容です。

document dataが参照できない

dataを保存できたのはいいですが、出力ができません。調べた所、firebaseのバージョンv8はたくさん記事があるのですがv９の記事が少なく難航しています。
以下が私の作ったコードです。
リファレンスを元に作りました。

<script>
import { getFirestore, collection, addDoc, getDoc } from 'firebase/firestore'

export default {
  name: 'LayoutBookModal',
  data() {
    return {
      bookTitle: '',
    }
  },
  methods: {
    addTask() {
      const db = getFirestore()
      addDoc(collection(db, 'bookList'), {
        bookTitle: this.bookTitle,
      })
      this.bookTitle = ''
    },
    async addGet() {
      const db = getFirestore()
      const docRef = addDoc(db, 'bookList', 'bookTitle')
      const docSnap = await getDoc(docRef)
      if (docSnap.exists()) {
        console.log('Document data:', docSnap.data())
      } else {
        // doc.data() will be undefined in this case
        console.log('No such document!')
      }
    },
  },
}
</script>

コンソールに、bookTitleの”プログラミング”が出力して欲しのですがダメでした。
以下のエラーが出ます。

client.js?06a0:102 TypeError: Cannot use 'in' operator to search for '_delegate' in undefined

エラーの意味を調べたのですがいまいちわかりません。
どなたかdocument data参照方法を教えていただけないでしょうか？

Answer 1

リファレンスを読み直しました。正しくは下記でした。

<script>
    async addGet() {
      const db = getFirestore()
      const querySnapshot = await getDocs(collection(db, 'bookList'))
      querySnapshot.forEach((doc) => {
        // doc.data() is never undefined for query doc snapshots
        console.log(doc.data())
      })
    },

</script>