Как получить данные из 2 коллекций и связать их вместе в Firestore

Question

У меня проблема с пониманием загрузки с подколлекциями. У меня есть две коллекции, одна коллекция сообщений и комментарии. В коллекции постов есть посты с уникальным postId, и у каждого поста есть свои комментарии в коллекции комментариев. (См. Ниже)

Моя цель - получить для каждого сообщения свои комментарии.

users -> 'userId' -> posts -> 'postId' -> comments -> 'commentId'

мой код

// get posts
firebase.firestore().collection('users').doc(userId).collection('posts')
 .get().then((querySnapshot) => {
    querySnapshot.forEach((doc) => {
        this.posts.push(doc.data());
    });
});

// get comments
firebase.firestore().collection('users').doc(userId).collection('posts').doc(postId).collection('comments')
 .get().then((querySnapshot) => {
    querySnapshot.forEach((doc) => {
        this.comments.push(doc.data());
    });
});

vue.js код

...
<v-timeline-item
  v-for="(item, index) in comments"
  :key="index"
>
  <span>{{item.content}}</span>
</v-timeline-item>

Я знаю, как добавить комментарии к одному посту. Но что, если я хотел бы показать больше постов и для каждого поста все комментарии?