diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js
index 6cc822fc..99f14562 100644
--- a/resources/assets/js/app.js
+++ b/resources/assets/js/app.js
@@ -46,8 +46,6 @@ window.axios.defaults.headers.common = {
         components: {
             'setup': require('./components/Setup'),
             'dashboard': require('./components/dashboard/Dashboard'),
-            'report-incident': require('./components/dashboard/ReportIncident'),
-            'invite-team': require('./components/dashboard/InviteTeam'),
             'metric-chart': require('./components/status-page/Metric'),
         }
     });
diff --git a/resources/assets/js/components/dashboard/Dashboard.vue b/resources/assets/js/components/dashboard/Dashboard.vue
index 44038934..0873301a 100644
--- a/resources/assets/js/components/dashboard/Dashboard.vue
+++ b/resources/assets/js/components/dashboard/Dashboard.vue
@@ -1,4 +1,6 @@
 <script>
+const Vue = require('vue');
+
 module.exports = {
     props: ['user'],
     mounted () {
@@ -14,6 +16,10 @@ module.exports = {
         fetchSubscriberTimeline () {
             //
         }
+    },
+    components: {
+        'report-incident': require('./ReportIncident'),
+        'invite-team': require('./InviteTeam'),
     }
 }
 </script>