From c6e5e3db3dde788fe277a9cc230a567aa18dc586 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 2 Aug 2023 15:01:26 +0300
Subject: [PATCH] Refactor #4231 - For Message

---
 components/lib/message/Message.d.ts | 4 ++++
 components/lib/message/Message.vue  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/lib/message/Message.d.ts b/components/lib/message/Message.d.ts
index a79008c44..7bb5470ed 100755
--- a/components/lib/message/Message.d.ts
+++ b/components/lib/message/Message.d.ts
@@ -66,6 +66,10 @@ export interface MessagePassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: any;
 }
 
 /**
diff --git a/components/lib/message/Message.vue b/components/lib/message/Message.vue
index e5e4d26ba..b76d3010f 100755
--- a/components/lib/message/Message.vue
+++ b/components/lib/message/Message.vue
@@ -1,5 +1,5 @@
 <template>
-    <transition name="p-message" appear>
+    <transition name="p-message" appear v-bind="ptm('transition')">
         <div v-show="visible" :class="cx('root')" role="alert" aria-live="assertive" aria-atomic="true" v-bind="ptm('root')" data-pc-name="message">
             <div :class="cx('wrapper')" v-bind="ptm('wrapper')">
                 <slot name="messageicon" class="p-message-icon">