From 7c2f8887029bd8efefa3190cd7a48b43ec7407a4 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Mon, 7 Aug 2023 01:40:37 +0200
Subject: [PATCH] - update response message object

---
 app/Http/Middleware/HandleInertiaRequests.php |  2 +-
 resources/js/Share/Layout/App.vue             | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
index 28dcdc6..764d38d 100644
--- a/app/Http/Middleware/HandleInertiaRequests.php
+++ b/app/Http/Middleware/HandleInertiaRequests.php
@@ -13,7 +13,7 @@ class HandleInertiaRequests extends Middleware
     public function share(Request $request): array
     {
         return array_merge(parent::share($request), [
-            'messages' => $this->getFlashData($request),
+            'responseMessages' => $this->getFlashData($request),
         ]);
     }
 
diff --git a/resources/js/Share/Layout/App.vue b/resources/js/Share/Layout/App.vue
index 49a9bcb..e31e669 100644
--- a/resources/js/Share/Layout/App.vue
+++ b/resources/js/Share/Layout/App.vue
@@ -1,6 +1,6 @@
 <script setup>
 defineProps({
-    messages: {
+    responseMessages: {
         type: Object,
         default: {},
     }
@@ -34,14 +34,14 @@ defineProps({
                 </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 v-if="responseMessages?.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">
+            {{ responseMessages.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 v-if="responseMessages?.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">
+            {{ responseMessages.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 v-if="responseMessages?.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">
+            {{ responseMessages.success }}
         </div>
         <main class="max-w-screen-lg mx-2 lg:mx-auto mt-2 rounded-md bg-gray-50">
             <slot />