From 848c6c5706f51f705c2e55ae64e713709797241c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?O=C4=9Fuzhan=20Yavuz?= <oguzhan.yavuz@octoxlabs.com>
Date: Tue, 11 Jun 2024 18:49:13 +0300
Subject: [PATCH] feat: vnode support added to toast message

---
 packages/primevue/src/toast/ToastMessage.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/primevue/src/toast/ToastMessage.vue b/packages/primevue/src/toast/ToastMessage.vue
index 8e1a3988ce..fc82d28262 100755
--- a/packages/primevue/src/toast/ToastMessage.vue
+++ b/packages/primevue/src/toast/ToastMessage.vue
@@ -6,7 +6,10 @@
                 <component :is="templates.messageicon ? templates.messageicon : templates.icon ? templates.icon : iconComponent && iconComponent.name ? iconComponent : 'span'" :class="cx('messageIcon')" v-bind="ptm('messageIcon')" />
                 <div :class="cx('messageText')" v-bind="ptm('messageText')">
                     <span :class="cx('summary')" v-bind="ptm('summary')">{{ message.summary }}</span>
-                    <div :class="cx('detail')" v-bind="ptm('detail')">{{ message.detail }}</div>
+                    <template v-if="!isVNode(message.detail)">
+                        {{ message.detail }}
+                    </template>
+                    <component v-else :is="message.detail" />
                 </div>
             </template>
             <component v-else :is="templates.message" :message="message"></component>
@@ -27,6 +30,7 @@ import InfoCircleIcon from '@primevue/icons/infocircle';
 import TimesIcon from '@primevue/icons/times';
 import TimesCircleIcon from '@primevue/icons/timescircle';
 import Ripple from 'primevue/ripple';
+import { isVNode } from 'vue';
 
 export default {
     name: 'ToastMessage',
@@ -91,7 +95,8 @@ export default {
                 clearTimeout(this.closeTimeout);
                 this.closeTimeout = null;
             }
-        }
+        },
+        isVNode
     },
     computed: {
         iconComponent() {