title: Vue.js with Firebase
body: <p>I'm trying to create a simple read/write app with Vue.js, VueFire and Firebase.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;App&lt;/title&gt;
  
    &lt;!-- Vue --&gt;
    &lt;script src="https://unpkg.com/vue@2.0.3/dist/vue.js"&gt;&lt;/script&gt;
    &lt;!-- VueFire --&gt;
    &lt;script src="https://cdn.jsdelivr.net/vuefire/1.1.0/vuefire.min.js"&gt;&lt;/script&gt;
    &lt;!-- Firebase --&gt;
    &lt;script src="https://www.gstatic.com/firebasejs/3.5.2/firebase.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="app"&gt;
      &lt;ul&gt;
        &lt;li v-for="story in stories"&gt;
          {{ story.body }}
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  
    &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And my .js file is:</p>
  
  <pre><code>// Initialize Firebase
  var config = {
    apiKey: "*****************************",
    authDomain: "************.firebaseapp.com",
    databaseURL: "https://************.firebaseio.com",
    storageBucket: "",
    messagingSenderId: "***********"
  };
  
  var firebaseApp = firebase.initializeApp(config)
  var db = firebaseApp.database()
  
  var app = new Vue({
    el: '#app',
    props: ['stories']
    firebase: {
      anObject: {
        source: db,
        asObject: true,
        // optionally provide the cancelCallback
        cancelCallback: function () {}
      }
    }
  })
  </code></pre>
  
  <p>I get an error where <code>firebase</code> is not recognized. I don't get why is that. VueFire is imported so that should work, right?</p>