From 82c4926c090ce7fac48022a93b1b05b877bb48dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20Wackstr=C3=B6m?=
 <29772763+jonataw@users.noreply.github.com>
Date: Tue, 3 Sep 2024 11:52:18 +0300
Subject: [PATCH] fix(Tabs): recalculate marker if items change (#2101)

---
 src/runtime/components/navigation/Tabs.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/runtime/components/navigation/Tabs.vue b/src/runtime/components/navigation/Tabs.vue
index 11a5ab36..1fc6246b 100644
--- 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)