From c889db7793ea978dac3d8b85d767e772346aa2a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Fri, 14 Apr 2023 09:18:22 +0300
Subject: [PATCH] Refactor #3833 - Update for Toast

---
 components/lib/toast/Toast.vue        | 4 ++--
 components/lib/toast/ToastMessage.vue | 9 +++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/lib/toast/Toast.vue b/components/lib/toast/Toast.vue
index 789388994..9e569b737 100755
--- a/components/lib/toast/Toast.vue
+++ b/components/lib/toast/Toast.vue
@@ -3,8 +3,8 @@
         <div ref="container" :class="containerClass" v-bind="$attrs">
             <transition-group name="p-toast-message" tag="div" @enter="onEnter" @leave="onLeave">
                 <ToastMessage v-for="msg of messages" :key="msg.id" :message="msg" :template="$slots.message" :closeIcon="closeIcon" :icon="msg.icon || icon" :closeButtonProps="closeButtonProps" @close="remove($event)">
-                    <template #closeIcon>
-                        <slot name="closeIcon" />
+                    <template #closeicon>
+                        <slot name="closeicon" />
                     </template>
                     <template #icon>
                         <slot name="icon" />
diff --git a/components/lib/toast/ToastMessage.vue b/components/lib/toast/ToastMessage.vue
index b1b7f09a3..2d5e7a7fe 100755
--- a/components/lib/toast/ToastMessage.vue
+++ b/components/lib/toast/ToastMessage.vue
@@ -13,7 +13,7 @@
             <component v-else :is="template" :message="message"></component>
             <div v-if="message.closable !== false">
                 <button v-ripple class="p-toast-icon-close p-link" type="button" :aria-label="closeAriaLabel" @click="onCloseClick" autofocus v-bind="closeButtonProps">
-                    <slot name="closeIcon">
+                    <slot name="closeicon">
                         <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="['p-toast-icon-close-icon', closeIcon]"></component>
                     </slot>
                 </button>
@@ -23,12 +23,13 @@
 </template>
 
 <script>
-import Ripple from 'primevue/ripple';
-import TimesIcon from 'primevue/icon/times';
-import InfoCircleIcon from 'primevue/icon/infocircle';
 import CheckIcon from 'primevue/icon/check';
 import ExclamationTriangleIcon from 'primevue/icon/exclamationtriangle';
+import InfoCircleIcon from 'primevue/icon/infocircle';
+import TimesIcon from 'primevue/icon/times';
 import TimesCircleIcon from 'primevue/icon/timescircle';
+import Ripple from 'primevue/ripple';
+
 export default {
     name: 'ToastMessage',
     emits: ['close'],