Laravel is not defined
<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>