From f92b856ee7d4ea77cb02fa49572cd5be027b1612 Mon Sep 17 00:00:00 2001
From: Ger Teck <changerteck@gmail.com>
Date: Thu, 20 Jun 2024 13:26:06 +0800
Subject: [PATCH] Add props for TabGroup header

---
 packages/vue-components/src/Dropdown.vue | 6 +++++-
 packages/vue-components/src/Tabset.vue   | 4 +---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/vue-components/src/Dropdown.vue b/packages/vue-components/src/Dropdown.vue
index 05a9f2a9c2..2f2576ecb4 100644
--- a/packages/vue-components/src/Dropdown.vue
+++ b/packages/vue-components/src/Dropdown.vue
@@ -11,7 +11,7 @@
         :class="{'disabled': disabledBool}"
         data-bs-toggle="dropdown"
       >
-        <slot name="header"></slot>
+        <span v-html="tabgroupHeader"></span>
       </a>
     </slot>
     <slot name="dropdown-menu" :class="[{ 'show': show }, { 'dropdown-menu-end': menuAlignRight }]">
@@ -70,6 +70,10 @@ export default {
       type: String,
       default: 'light',
     },
+    tabgroupHeader: {
+      type: String,
+      default: '',
+    },
     menuAlignRight: {
       type: Boolean,
       default: false,
diff --git a/packages/vue-components/src/Tabset.vue b/packages/vue-components/src/Tabset.vue
index d87e48f187..885e1e2bb3 100644
--- a/packages/vue-components/src/Tabset.vue
+++ b/packages/vue-components/src/Tabset.vue
@@ -25,11 +25,9 @@
           :key="index"
           class="nav-item"
           :class="{active:t.active}"
+          :tabgroup-header="t.headerRendered"
           :disabled="t.disabled"
         >
-          <template #header>
-            <span v-html="t.headerRendered"></span>
-          </template>
           <li v-for="(tab, tabIndex) in t.tabs" :key="tabIndex">
             <a
               class="nav-link"