Обновление Firestore в режиме реального времени слушателя в Vue

Question

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

db.collection('users/user')
    .onSnapshot(function(snapshot) {
      snapshot.docChanges().forEach(function(change) {
        if (change.type === "added") {
          console.log("New user: ", change.doc.data());
        }
        if (change.type === "modified") {
          console.log("Modified user: ", change.doc.data());
          const data = {
            id: change.oldIndex,
            name: change.doc.data().name,
            surname: change.doc.data().surname
          };
          vm.users.push(data);
        }
        if (change.type === "removed") {
          console.log("Removed user: ", change.doc.data());
        }
      });
    });

Когда происходит событие «Изменено», я не вижу изменений на странице, но если у меня есть результат, напечатанный в консоли, я правильно вижу новые данные.

Как я могу решить?