-
-
-
diff --git a/resources/assets/js/app.js b/resources/js/app.js
similarity index 53%
rename from resources/assets/js/app.js
rename to resources/js/app.js
index 4a316b15..a1efb5c3 100644
--- a/resources/assets/js/app.js
+++ b/resources/js/app.js
@@ -8,14 +8,25 @@ require('./bootstrap');
window.Vue = require('vue');
+/**
+ * The following block of code may be used to automatically register your
+ * Vue components. It will recursively scan this directory for the Vue
+ * components and automatically register them with their "basename".
+ *
+ * Eg. ./components/ExampleComponent.vue ->
+ */
+
+// const files = require.context('./', true, /\.vue$/i);
+// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
+
+Vue.component('example-component', require('./components/ExampleComponent.vue').default);
+
/**
* Next, we will create a fresh Vue application instance and attach it to
* the page. Then, you may begin adding components to this application
* or customize the JavaScript scaffolding to fit your unique needs.
*/
-Vue.component('example-component', require('./components/ExampleComponent.vue'));
-
const app = new Vue({
- el: '#app'
+ el: '#app',
});
diff --git a/resources/assets/js/bootstrap.js b/resources/js/bootstrap.js
similarity index 65%
rename from resources/assets/js/bootstrap.js
rename to resources/js/bootstrap.js
index f1d7e744..8eaba1b9 100644
--- a/resources/assets/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -1,5 +1,4 @@
window._ = require('lodash');
-window.Popper = require('popper.js').default;
/**
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
@@ -8,11 +7,11 @@ window.Popper = require('popper.js').default;
*/
try {
+ window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');
require('bootstrap');
-} catch (e) {
-}
+} catch (e) {}
/**
* We'll load the axios HTTP library which allows us to easily issue requests
@@ -24,27 +23,13 @@ window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-/**
- * Next we will register the CSRF Token as a common header with Axios so that
- * all outgoing HTTP requests automatically have it attached. This is just
- * a simple convenience so we don't have to attach every token manually.
- */
-
-let token = document.head.querySelector('meta[name="csrf-token"]');
-
-if (token) {
- window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
-} else {
- console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
-}
-
/**
* Echo exposes an expressive API for subscribing to channels and listening
* for events that are broadcast by Laravel. Echo and event broadcasting
* allows your team to easily build robust real-time web applications.
*/
-// import Echo from 'laravel-echo'
+// import Echo from 'laravel-echo';
// window.Pusher = require('pusher-js');
diff --git a/resources/js/components/ExampleComponent.vue b/resources/js/components/ExampleComponent.vue
new file mode 100644
index 00000000..3fb9f9aa
--- /dev/null
+++ b/resources/js/components/ExampleComponent.vue
@@ -0,0 +1,23 @@
+
+