bootstrap vue in app.js

taylorotwell · taylorotwell · commit 3f197331b6de · 2016-07-23T11:39:11.000-05:00
diff --git a/package.json b/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"
   }
 }
diff --git a/resources/assets/js/app.js b/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();
+});

Original file line number	Diff line number	Diff line change
`@@ -9,5 +9,10 @@`
`9`	`9`	`"gulp": "^3.9.1",`
`10`	`10`	`"laravel-elixir": "^6.0.0-9",`
`11`	`11`	`"laravel-elixir-webpack-official": "^1.0.2"`
	`12`	`+ },`
	`13`	`+ "dependencies": {`
	`14`	`+ "js-cookie": "^2.1.2",`
	`15`	`+ "vue": "^1.0.26",`
	`16`	`+ "vue-resource": "^0.9.3"`
`12`	`17`	`}`
`13`	`18`	`}`