Commit eb289b41 authored by Taylor Otwell's avatar Taylor Otwell

tweak js bootstrapping

parent 0699994d
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
"laravel-elixir-webpack-official": "^1.0.2" "laravel-elixir-webpack-official": "^1.0.2"
}, },
"dependencies": { "dependencies": {
"jquery": "^2.2.4",
"js-cookie": "^2.1.2", "js-cookie": "^2.1.2",
"vue": "^1.0.26", "vue": "^1.0.26",
"vue-resource": "^0.9.3" "vue-resource": "^0.9.3"
......
window.Cookies = require('js-cookie');
/** /**
* Vue.js * First we will load all of this project's JavaScript dependencies which
* * include Vue and Vue Resource. This gives a great starting point for
* Vue is a modern JavaScript for building interactive web interfaces using * building robust, powerful web applications using Vue and Laravel.
* 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'); require('./bootstrap');
/** /**
* The XSRF Header * Next, we will create a fresh Vue application instance and attach it to
* * the body of the page. From here, you may begin adding components to
* We'll register a HTTP interceptor to attach the "XSRF" header to each of * the application, or feel free to tweak this setup for your needs.
* 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(); var app = new Vue({
el: 'body',
ready() {
console.log('Application ready.');
}
}); });
window.Cookies = require('js-cookie');
/**
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
* for JavaScript based Bootstrap features such as modals and tabs. This
* code may be modified to fit the specific needs of your application.
*/
window.$ = window.jQuery = require('jquery');
require('bootstrap-sass/assets/javascripts/bootstrap');
/**
* 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');
/**
* 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();
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment