Vuefire: Minimal Firestore not working

Created on 19 Feb 2018 · 4Comments · Source: vuejs/vuefire

I'm using vuefire2.0.0-alpha.6 and can't get a minimal implementation of Firestore working. Am I doing something wrong or is this just alpha behavior?

https://codepen.io/weavermedia/pen/RQQRZJ

Uncomment the created () block to confirm that there is data available in the collection.

question

Source

weavermedia

Most helpful comment

You don't need that block. You're just missing using Vuefire and the firestore property 🙂

const db = firebase.firestore();

Vue.use(Vuefire.default)

var app = new Vue({
  el: '#app',
  data: {
    message: 'Vuefire & Firestore',
    items: []
  },

  firestore: {
    items: db.collection('items')
  }
})

Take a look at the example: https://github.com/vuejs/vuefire/blob/firestore/examples/index.html

posva on 19 Feb 2018

🎉2

All 4 comments

You don't need that block. You're just missing using Vuefire and the firestore property 🙂

const db = firebase.firestore();

Vue.use(Vuefire.default)

var app = new Vue({
  el: '#app',
  data: {
    message: 'Vuefire & Firestore',
    items: []
  },

  firestore: {
    items: db.collection('items')
  }
})

Take a look at the example: https://github.com/vuejs/vuefire/blob/firestore/examples/index.html

posva on 19 Feb 2018

🎉2

Sweet! Thanks 👍

weavermedia on 19 Feb 2018

@posva is that example up to date? I can't get it to work.

Edit: referring to the firestore example here https://github.com/vuejs/vuefire/blob/master/packages/vuefire/examples/index.html

chasebank on 4 Feb 2019

Yes. Make sure you are installing the next version from npm
On Mon 4 Feb 2019 at 00:28, Chase Whiteside notifications@github.com
wrote:

@posva https://github.com/posva is that example up to date? I can't get
it to work.

—
You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub
https://github.com/vuejs/vuefire/issues/166#issuecomment-460099142, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AAoicU4C5R49yLgH-_EQUF9M6nV6wBeWks5vJ3CKgaJpZM4SJ_Wn
.

>