From 0fb29dee8db92f9f640447d2a67e590121d029b4 Mon Sep 17 00:00:00 2001
From: PierreGAMEN <pierre.gamen@gmail.com>
Date: Mon, 12 May 2025 10:24:42 +0200
Subject: [PATCH] fix: reset active media index when medias length changes

---
 components/AGallery.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/AGallery.vue b/components/AGallery.vue
index 723ed0a..977c258 100644
--- a/components/AGallery.vue
+++ b/components/AGallery.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed } from "vue";
+import { ref, computed, watch } from "vue";
 import AIcon from "./AIcon.vue";
 import AButton from "./AButton.vue";
 import { useWindowSize } from "@vueuse/core";
@@ -97,6 +97,16 @@ defineExpose({
 const mediasAndInspirations = computed((): string[] => {
   return [...props.inspirations, ...props.medias];
 });
+
+watch(
+  () => props.medias.length,
+  (newLength) => {
+    if (activeButtonIndex.value >= newLength) {
+      activeButtonIndex.value = 0;
+      mediaContainerTranslate.value = 0;
+    }
+  }
+);
 </script>
 
 <template>