Rename v-notification

resources/js/components/VNotification.vue

@@ -39,8 +39,6 @@ export default {
             }
 
             return i;
-
-            return this.$page.props.errors;
         }
     }
 };

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: {

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>