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

nuxt · Sep 3, 2024 · 82c4926 · 82c4926
1 parent 1282a5f
commit 82c4926
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)