diff --git a/resources/js/app.js b/resources/js/app.js
index d373e643..66694def 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -9,18 +9,26 @@ 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/CreateUser.vue -> <create-user></create-user>
+ */
+
+// const files = require.context('./', true, /\.vue$/i)
+
+// files.keys().map(key => {
+//     return Vue.component(_.last(key.split('/')).split('.')[0], files(key))
+// })
+
 /**
  * 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.
  */
 
-const files = require.context('./', true, /\.vue$/i)
-files.keys().map(key => {
-    const name = _.last(key.split('/')).split('.')[0]
-    return Vue.component(name, files(key))
-})
-
 const app = new Vue({
     el: '#app'
 });