База данных Firebase не получает данные от приложения Vue / Ionic

Я хочу получить данные из моего приложения Vue / Ionic и поместить их в базу данных Firebase. Я не получаю никаких ошибок, но ничего не попадает в базу данных. Это мой код:

import { genderRef } from "../firebase";

...

  methods: {
submitGender() {
  genderRef.push({ gender: this.gender });
  console.log("success");
}
},

Main.js :

import 'firebase';

import { firestorePlugin } from 'vuefire'

...

Vue.use(firestorePlugin)

 <li v-for="personGender of gender" v-bind:key="personGender['.key']">{{personGender}}</li>
            <p>{{personName.gender}}</p>
          </ul>
          <ion-button
            shape="round"
            strong
            color="danger"
            vertical="bottom"
            style="margin-top:350px;"
            horizontal="end"
            slot="fixed"
            @click="submitGender()"
            :value="name"
            @input="name = $event.target.value"

Консоль делает печать успешной.