App.vue

<template>
  <div id="q-app">
    <router-view />
  </div>
</template>

<script>
  import firebase from 'firebase';
  import 'firebase/firestore';
  import firebaseApp from 'firebase/app';
  import * as configs from './utils/firebase/config';

  export default {
    name: 'App',
    preFetch({ store }) {
      // TODO: SET PRODUCTION CONFIG WHEN CI PUSHES TO PRODUCTION
      // const config = (process.env.DEV) ? configs.dev : configs.prod;
      firebaseApp.initializeApp(configs.dev);
      const $db = firebase.firestore();

      // Firebase requirement
      $db.settings({
        timestampsInSnapshots: true,
      });

      // Put firebase functionality into
      // state for future access
      Object.assign(store.state, {
        $db: firebase.firestore(),
        $firebase: firebaseApp,
      });
    },
  };
</script>

<style></style>