- add messages

resources/js/Share/Layout/App.vue

@@ -1,5 +1,10 @@
 <script setup>
-
+defineProps({
+    messages: {
+        type: Object,
+        default: {},
+    }
+});
 </script>
 
 <style lang="css" scoped>
@@ -27,6 +32,15 @@
                 </nav>
             </div>
         </header>
+        <div  v-if="messages?.info" class="max-w-screen-lg mx-2 lg:mx-auto mt-2 px-2 py-3 rounded-md bg-yellow-100 text-yellow-600 text-center">
+            {{ messages.info }}
+        </div>
+        <div v-if="messages?.error" class="max-w-screen-lg mx-2 lg:mx-auto mt-2 px-2 py-3 rounded-md bg-red-100 text-red-600 text-center">
+            {{ messages.error }}
+        </div>
+        <div v-if="messages?.success" class="max-w-screen-lg mx-2 lg:mx-auto mt-2 px-2 py-3 rounded-md bg-green-100 text-green-600 text-center">
+            {{ messages?.success }}
+        </div>
         <main class="max-w-screen-lg mx-2 lg:mx-auto mt-2 rounded-md bg-gray-50">
             <slot />
         </main>