fix(VTab): pass through VBtn slots

vuetifyjs · Nov 21, 2023 · aeaa776 · aeaa776
1 parent 48c6573
commit aeaa776
Showing 1 changed file with 21 additions and 13 deletions.
diff --git a/packages/vuetify/src/components/VTabs/VTab.tsx b/packages/vuetify/src/components/VTabs/VTab.tsx
@@ -14,6 +14,7 @@ import { animate, genericComponent, omit, propsFactory, standardEasing, useRende
 
 // Types
 import type { PropType } from 'vue'
+import type { VBtnSlots } from '@/components/VBtn/VBtn'
 
 export const makeVTabProps = propsFactory({
   fixed: Boolean,
@@ -39,7 +40,7 @@ export const makeVTabProps = propsFactory({
   ]),
 }, 'VTab')
 
-export const VTab = genericComponent()({
+export const VTab = genericComponent<VBtnSlots>()({
   name: 'VTab',
 
   props: makeVTabProps(),
@@ -122,18 +123,25 @@ export const VTab = genericComponent()({
           maxWidth={ props.fixed ? 300 : undefined }
           onGroup:selected={ updateSlider }
         >
-          { slots.default?.() ?? props.text }
-
-          { !props.hideSlider && (
-            <div
-              ref={ sliderEl }
-              class={[
-                'v-tab__slider',
-                sliderColorClasses.value,
-              ]}
-              style={ sliderColorStyles.value }
-            />
-          )}
+          {{
+            ...slots,
+            default: () => (
+              <>
+                { slots.default?.() ?? props.text }
+
+                { !props.hideSlider && (
+                  <div
+                    ref={ sliderEl }
+                    class={[
+                      'v-tab__slider',
+                      sliderColorClasses.value,
+                    ]}
+                    style={ sliderColorStyles.value }
+                  />
+                )}
+              </>
+            ),
+          }}
         </VBtn>
       )
     })