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 />