fix(VStepperVertical): coerce value to number if is !NaN

vuetifyjs · May 10, 2024 · 07af4bb · 07af4bb
1 parent 56e0861
commit 07af4bb
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/vuetify/src/labs/VStepperVertical/VStepperVerticalItem.tsx b/packages/vuetify/src/labs/VStepperVertical/VStepperVerticalItem.tsx
@@ -48,7 +48,7 @@ export const VStepperVerticalItem = genericComponent<VStepperVerticalItemSlots>(
 
   setup (props, { emit, slots }) {
     const vExpansionPanelRef = ref<typeof VExpansionPanel>()
-    const step = computed(() => props.value)
+    const step = computed(() => !isNaN(parseInt(props.value)) ? Number(props.value) : props.value)
     const groupItem = computed(() => vExpansionPanelRef.value?.groupItem)
     const isSelected = computed(() => groupItem.value?.isSelected.value ?? false)
     const isValid = computed(() => isSelected.value ? props.rules.every(handler => handler() === true) : null)
@@ -127,6 +127,7 @@ export const VStepperVerticalItem = genericComponent<VStepperVerticalItemSlots>(
           style={ props.style }
           color=""
           hide-actions={ false }
+          value={ step.value }
         >
           {{
             title: () => (