Как получить пользовательские данные с помощью Firebase и Vuejs

Question

У меня есть проект под названием Meetup App, этот проект взят из учебного пособия по YouTube.Все работает, как я ожидал, но у меня проблема из-за этого метода.Я не могу отобразить страницу профиля пользователя здесь под кодом:

папка store / join / index.js

import * as firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/database'
import 'firebase/storage'

export default {
  actions: {
    fetchUserData ({commit, getters}) {
      commit('setLoading', true)
      firebase.database().ref('/users/' + getters.user.id + '/registerations/').once('value')
        .then(data => {
          const dataPairs = data.val()
          let registeredMeetups = []
          let swappedPairs = {}
          for (let key in dataPairs) {
            registeredMeetups.push(dataPairs[key])
            swappedPairs[dataPairs[key]] = key
          }
          const updatedUser = {
            id: getters.user.id,
            registeredMeetups: registeredMeetups,
            fbKeys: swappedPairs
          }
          commit('setLoading', false)
          commit('setUser', updatedUser)
        })
          .catch(error => {
            console.log(error)
            commit('setLoading', false)
          })
    }
  }
}

Я не могу отобразить конкретного пользователяпрофиль, когда они входят в мое приложение Meetup, такие как электронная почта dsplay, displayName и photoURL.Вопрос в том, как это сделать, извините, если мой английский плохой.заранее спасибо