fix(Tabs): recalculate marker if items change (nuxt#2101)

binhtranhuu · Sep 14, 2024 · e672850 · e672850
1 parent a0a0517
commit e672850
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/runtime/components/navigation/Tabs.vue b/src/runtime/components/navigation/Tabs.vue
@@ -164,6 +164,11 @@ export default defineComponent({
       calcMarkerSize(selectedIndex.value)
     })
 
+    watch(() => props.items, async () => {
+      await nextTick()
+      calcMarkerSize(selectedIndex.value)
+    }, { deep: true })
+
     onMounted(async () => {
       await nextTick()
       calcMarkerSize(selectedIndex.value)