title: Laravel is not defined
body: <p>Well i am playing with the new laravel 5.3 and vue.js and i want to do a GET call to some users i have in my DB</p>
  
  <p>Im using components btw. </p>
  
  <p>This is my app.js</p>
  
  <pre><code>require('./bootstrap');
  
  Vue.component('example', require('./components/UserComponents/User.vue'));
  
  const app = new Vue({
  
      el: 'body',
  
  });
  </code></pre>
  
  <p>This is my component User.vue i left the HTML template out for post size reason i can post it if neccesary</p>
  
  <pre><code>&lt;script&gt;
  
      export default{
  
          data : function () {
              return {
                  users : ''
              }
          },
  
          methods: {
  
  
              fetchUser: function () {
  
                  var vm = this;
  
                  vm.$http.get('user/', function (data) {
                     vm.$set('users', data)
                  })
  
              }
          },
          ready() {
  
              this.fetchUser();
          },
  
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Im getting 2 errors in the console</p>
  
  <pre><code> vue-resource.common.js?d39b:27 0ReferenceError: Laravel is not defined(…)
  
  (program):29 Uncaught (in promise) ReferenceError: Laravel is not defined(…)
  </code></pre>
  
  <p>this is my package.json as you can see i have all the deps for this to work vue and vue resource</p>
  
  <pre><code>{
    "private": true,
    "scripts": {
      "prod": "gulp --production",
      "dev": "gulp watch"
    },
    "devDependencies": {
      "bootstrap-sass": "^3.3.7",
      "gulp": "^3.9.1",
      "jquery": "^3.1.0",
      "laravel-elixir": "^6.0.0-9",
      "laravel-elixir-vue": "^0.1.4",
      "laravel-elixir-webpack-official": "^1.0.2",
      "lodash": "^4.14.0",
      "vue": "^1.0.26",
      "vue-resource": "^0.9.3"
    }
  }
  </code></pre>
  
  <p>Hope someone could help me out here. Thank you</p>