bootstrap vue in app.js

package.json

@@ -9,5 +9,10 @@
     "gulp": "^3.9.1",
     "laravel-elixir": "^6.0.0-9",
     "laravel-elixir-webpack-official": "^1.0.2"
+  },
+  "dependencies": {
+    "js-cookie": "^2.1.2",
+    "vue": "^1.0.26",
+    "vue-resource": "^0.9.3"
   }
 }

resources/assets/js/app.js

@@ -1,2 +1,26 @@
 
-//
+window.Cookies = require('js-cookie');
+
+/**
+ * Vue.js
+ *
+ * Vue is a modern JavaScript for building interactive web interfaces using
+ * reacting data binding and reusable components. Vue's API is clean and
+ * simple, leaving you to focus only on building your next great idea.
+ */
+window.Vue = require('vue');
+
+require('vue-resource');
+
+/**
+ * The XSRF Header
+ *
+ * We'll register a HTTP interceptor to attach the "XSRF" header to each of
+ * the outgoing requests issued by this application. The CSRF middleware
+ * included with Laravel will automatically verify the header's value.
+ */
+Vue.http.interceptors.push(function (request, next) {
+    request.headers['X-XSRF-TOKEN'] = Cookies.get('XSRF-TOKEN');
+
+    next();
+});