firestoreからとってきたデータを配列にしたい

Question

問題のコード

export default {
  data() {
    return {
      players:[]
    }
}
created() {
  this.getPlayers()
}
methods: {
  getPlayers() {
    db.collection("players").get().then((snapShot) => {
      snapShot.docs.forEach((doc) => {
        this.players.push({
          id: doc.id,
          name: doc.data().name,
          number: doc.data().number,
          createdAt: doc.data().created_at,
        });
      });
    });
  },
  // this.players.forEachができない
  calcScore() {
    console.log(this.players)
    this.players.forEach(player => {
      ...
    }
  }
}

実現したいこと

this.players.forEachをしたいのですが、

Observerになってしまって、forEachができません。

この形が理想です。

試したこと

stackoverflowこれを試してみたのですが実現しませんでした。
ご教授いただけると幸いです。