Vue Firestore 查詢。Firestore 更新數據時如何避免重複？

在 ionic vue 應用程序中，我想顯示來自 Firebase Firestore 的一些數據。

在 Firestore 中，我有一個households帶有子集合的集合entries。用戶可以是一個家庭的成員，我想顯示她所屬的所有家庭的所有條目。

我有一個數組entries在我的data：

data() {
  return {
    entries: [],
  };
},

我通過對 firebase 進行三個嵌套查詢來填充這個數組：

1. 獲取當前用戶
2. 獲取與當前用戶關聯的所有家庭
3. 獲取當前用戶所有家庭的所有條目

beforeCreate: function () {
  auth.onAuthStateChanged((user) => {
    if (user) {
      // Get current uid
      let uid = user.uid;

      // Loop trough all households of user
      let userHouseholdIds = [];
      db.collection("households")
        .where("members", "array-contains", uid)
        .onSnapshot((snapshotChange) => {
          snapshotChange.forEach((doc) => {
            userHouseholdIds.push(doc.id);
          });

          userHouseholdIds.forEach((householdId) => {
            // Get household name
            db.collection("households")
              .doc(householdId)
              .get()
              .then((value) => {
                let householdId = value.id;
                let householdName = value.data().name;

                // Get household entries
                db.collection("households")
                  .doc(householdId)
                  .collection("entries")
                  .onSnapshot((snapshotChange) => {
                    snapshotChange.forEach((doc) => {
                      let newDoc = doc.data();
                      newDoc["id"] = doc.id;
                      newDoc["householdName"] = householdName;
                      newDoc["householdId"] = householdId;
                      this.entries.push(newDoc);
                    });
                  });
              });
          });
        });
    }
  });

雖然我不確定這是否是要走的路，但這按預期工作（到目前為止）。

但是，當我直接在 Firestore 控制台e1中對家庭中的條目進行更改時，前端中的h1每個條目h1都會重複。

我想，this.entries = []在 Firestore 的更新進來之前，我需要一個地方，但我不知道在哪裡。

我在正確的軌道上嗎？我需要修改什麼以避免重複？非常感謝！