diff --git a/resources/js/components/Notification.vue b/resources/js/components/VNotification.vue
similarity index 96%
rename from resources/js/components/Notification.vue
rename to resources/js/components/VNotification.vue
index 9b4062cf..50e67fd2 100644
--- a/resources/js/components/Notification.vue
+++ b/resources/js/components/VNotification.vue
@@ -39,8 +39,6 @@ export default {
             }
 
             return i;
-
-            return this.$page.props.errors;
         }
     }
 };
diff --git a/resources/js/layouts/AppLayout.vue b/resources/js/layouts/AppLayout.vue
index 0858a495..8fc8a600 100644
--- a/resources/js/layouts/AppLayout.vue
+++ b/resources/js/layouts/AppLayout.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="app" class="flex font-sans grow">
 
-        <notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></notification>
+        <v-notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></v-notification>
 
         <!-- ******************************** Sidebar ******************************** -->
         <div class="fixed bg-gray-800 p-6 w-56 left-0 top-0 h-screen border-r border-gray-600 border-solid">
@@ -39,10 +39,12 @@
 import VLink from './_VLink.vue';
 import { debounce } from 'lodash';
 import mergesQueryString from '../mixins/mergesQueryString.js';
-import Notification from '../components/Notification.vue';
 
 export default {
-    components: { Notification, VLink },
+    components: {
+        'VNotification': () => import('../components/VNotification.vue'),
+        VLink
+    },
     mixins: [ mergesQueryString ],
 
     computed: {
diff --git a/resources/js/layouts/FullLayout.vue b/resources/js/layouts/FullLayout.vue
index 82c7fd17..3a104323 100644
--- a/resources/js/layouts/FullLayout.vue
+++ b/resources/js/layouts/FullLayout.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app" class="bg-gray-900 font-sans flex flex-col grow items-center justify-center">
-        <notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></notification>
+        <v-notification class="fixed z-40 right-0 bottom-0 mb-3 mr-3"></v-notification>
         <div class="w-96 bg-gray-800 rounded-xl overflow-hidden shadow-lg">
             <slot></slot>
         </div>
@@ -8,9 +8,9 @@
 </template>
 
 <script>
-import Notification from '../components/Notification.vue';
-
 export default {
-    components: { Notification },
+    components: {
+        VNotification: () => import('../components/VNotification.vue')
+    },
 };
 </script>