From 66e15dae8c0719e3ccfb389a63fe2999229df0d2 Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Tue, 12 Nov 2024 15:01:24 +0700
Subject: [PATCH] refactor: detect slot of dialog container

---
 src/components/dialog/DialogContainer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/dialog/DialogContainer.vue b/src/components/dialog/DialogContainer.vue
index aea712ae..4500bd80 100644
--- a/src/components/dialog/DialogContainer.vue
+++ b/src/components/dialog/DialogContainer.vue
@@ -40,7 +40,7 @@ const state = defineModel({ default: false });
     >
       <div class="column full-height">
         <!-- NOTE: DIALOG HEADER -->
-        <div class="form-header q-py-sm q-px-md">
+        <div class="form-header q-py-sm q-px-md" v-if="$slots['header']">
           <slot name="header" />
         </div>
 
@@ -54,7 +54,7 @@ const state = defineModel({ default: false });
 
         <!-- NOTE: DIALOG FOOTER -->
         <div
-          v-if="footer || $slots.footer"
+          v-if="footer || $slots['footer']"
           class="dialog-footer row items-center full-width justify-between q-px-md q-py-sm surface-1"
         >
           <slot name="footer"></slot>