diff --git a/resources/js/app.js b/resources/js/app.js
index 4c32be7..969272f 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -6,7 +6,13 @@
 
 require('./bootstrap');
 
-window.Vue = require('vue');
+import Vue from 'vue';
+window.Vue = Vue;
+
+if (window.vueDebug) {
+    Vue.config.devtools = true;
+    Vue.config.debug = true;
+}
 
 /**
  * The following block of code may be used to automatically register your
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 98ce447..6657f1d 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -9,9 +9,6 @@
 
     <title>{{ config('app.name', 'Laravel') }}</title>
 
-    <!-- Scripts -->
-    <script src="{{ asset('js/app.js') }}" defer></script>
-
     <!-- Fonts -->
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
@@ -84,6 +81,11 @@
         <main class="py-4">
             @yield('content')
         </main>
+        <script>
+        let vueDebug = {{ config('app.debug') == 1 ? 'true' : 'false' }};
+        </script>
+            <!-- Scripts -->
+            <script src="{{ asset('js/app.js') }}" defer></script>
     </div>
 </body>
 </html>