From 760010a18bae2da1d24911cfe53a05f34c7961f6 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 2 Aug 2023 15:02:57 +0300
Subject: [PATCH] Refactor #4231 - For Toast

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

diff --git a/components/lib/toast/Toast.d.ts b/components/lib/toast/Toast.d.ts
index 96fe44bd3..0fec4ca47 100755
--- a/components/lib/toast/Toast.d.ts
+++ b/components/lib/toast/Toast.d.ts
@@ -86,6 +86,10 @@ export interface ToastPassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: any;
 }
 
 /**
diff --git a/components/lib/toast/Toast.vue b/components/lib/toast/Toast.vue
index d3c8d5161..0f8218e9e 100755
--- a/components/lib/toast/Toast.vue
+++ b/components/lib/toast/Toast.vue
@@ -1,7 +1,7 @@
 <template>
     <Portal>
         <div ref="container" :class="cx('root')" :style="sx('root', true, { position })" v-bind="{ ...$attrs, ...ptm('root') }">
-            <transition-group name="p-toast-message" tag="div" @enter="onEnter" @leave="onLeave" v-bind="ptm('message')">
+            <transition-group name="p-toast-message" tag="div" @enter="onEnter" @leave="onLeave" v-bind="{ ...ptm('message'), ...ptm('transition') }">
                 <ToastMessage
                     v-for="msg of messages"
                     :key="msg.id"