title: How to setup a global store Object?
body: <p>I am working with vueify and browserify. I have made an object in my main.js file </p>
  
  <pre><code>var store = {
  foo: 'bar'
  };
  
  var vm = new Vue({
  el: '#app',
  data(){
      return {
          foo: store
      };
  },
  
  components: {
      Login,
      Registration,
      ClassifiedList,
      BusinessRegistration,
      BusinessUpdate,
      UserRegistration,
      ClassifiedForm,
  
      //  ClassifiedKfzCreateForm,
      // ClassifiedImmobilienCreateForm,
      // ClassifiedImmobilienEditForm,
      // ClassifiedKleinanzeigenCreateForm,
      // ClassifiedJobsCreateForm
  }
  </code></pre>
  
  <p>});</p>
  
  <p>Now in my Vue Instance I can use it with foo.store.foo !
  But when I am use the store object in an component, the store object is undefined?</p>
  
  <p>Does anybody know why?</p>