fix: moves to the right card depending on route (#3544)

amir20 · Jan 12, 2025 · 3f86080 · 3f86080
1 parent e8eef82
commit 3f86080
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/assets/components/common/Carousel.vue b/assets/components/common/Carousel.vue
@@ -46,6 +46,16 @@ const scrollToItem = (index: number) => {
 };
 
 const { pause, resume } = watchPausable(activeId, (v) => {
+  if (activeId.value) {
+    const index = cards.value?.map((c) => c.id).indexOf(activeId.value) ?? -1;
+    if (index !== -1) {
+      console.log("watching", activeId.value);
+      scrollToItem(index);
+    }
+  }
+});
+
+watchOnce(cards, () => {
   if (activeId.value) {
     const index = cards.value?.map((c) => c.id).indexOf(activeId.value) ?? -1;
     if (index !== -1) {