Vue.Js с Firebase облачным firestore, добавление элементов в базу данных запускается дважды

Question

Я хочу отправить Item в мою базу данных в firestore, по какой-то причине функция add() выполняется дважды, поэтому один и тот же объект отправляется два раза с другим автоматически сгенерированным идентификатором, что, очевидно, не является желаемым поведением, нижефайл, из которого я инициализирую свое приложение Firebase.

 import firebase from 'firebase'
 
 // Initialize Firebase
 var config = {
    apiKey: "**********",
    authDomain: "*******",
    databaseURL: "https://*****.firebaseio.com",
    projectId: "my-****",
    storageBucket: "****.appspot.com",
    messagingSenderId: "*******"
  };
  const firebaseApp = firebase.initializeApp(config);
  firebaseApp.firestore().settings({ timestampsInSnapshots: true })

  export default firebase.firestore()

теперь этот код ниже показывает, как я запускаю функцию add() для отправки элемента в базу данных из моего файла .vue

import db from '../firebase/init.js';

export default {
  ...
  methods: {
    addNewItem(){
      let item = {
        row1: 'record one,
        row2: 'record two,
      }
      
      db.collection('myItems').push(item)
        .then(doc => console.log(doc))
        .catch(err => console.log(err))
    }
  }
}

Пожалуйста, дайте мне знать в комментарии ниже, если какая-либо дополнительная информация необходима для лучшего выяснения вопроса.заранее спасибо.