From 3f197331b6de88f3b2ce1a3470c328b1b5f42f1c Mon Sep 17 00:00:00 2001 From: Taylor Otwell Date: Sat, 23 Jul 2016 11:39:11 -0500 Subject: [PATCH] bootstrap vue in app.js --- package.json | 5 +++++ resources/assets/js/app.js | 26 +++++++++++++++++++++++++- 2 files changed, 30 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index b88d1ff0..7bee911c 100644 --- 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 index fdf4a7dc..e35f1fd0 100644 --- 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(); +});