[VUE] Vuexfire problem z bindowaniem

Question

Cześć i czołem.
Tym razem mam problem z vuexfire, mianowicie korzystając z dokumentacji próbuję połączyć bazę danych firestore z vuexem.

Problem polega na tym, że nie dostaje danych z bazy.

store/index.js

import Vue from 'vue';
import Vuex from 'vuex';
import { vuexfireMutations, firestoreAction } from 'vuexfire'
import { db } from '../firebase'
import 'firebase/firestore'
import localTodos from './modules/localTodos';
import firebaseTodos from './modules/firebaseTodos';
Vue.use(Vuex)

export default new Vuex.Store({
modules:{
    localTodos,
    firebaseTodos
},
state: {
    fireTodos: []
},
mutations: {
    ...vuexfireMutations,
},
actions: {
    bindTodos: firestoreAction(({ bindFirestoreRef }) => {
        // return the promise returned by `bindFirestoreRef`
        return bindFirestoreRef('fireTodos', db.collection('todos'))
      })
},
getters:{
    fireTodos(state){
        return state.fireTodos;
    }
}
})

views/about.vue

<template>
<div class="about-wrapper">
    <h1>An about page</h1>
    <h3>Message: {{testMessage}}</h3>
    <ul>
      <li v-for="todo in firetodos" :key="todo.id">{{todo.body}}</li>
    </ul>
</div>  
</template>

<script>
import { mapState, mapGetters } from 'vuex';
export default {
  name: 'About',
  computed:{
    ...mapGetters(['testMessage', 'fireTodos'])
  }
}
</script>

<style>

</style>

Miejsce, w którym próbuje wyświetlić dane z bazy. (na 99% problem dotyczy index.js, ale wstawiam about w razie czego)

Podrzucam screeny

vue dev tools

firebase