Hacky fix for carousel

apps/panoramablick-saalbach.at/components/AppThumbnailCarousel.vue

@@ -34,12 +34,23 @@ function select(index: number) {
 // - When resizing the window suddenly all images become visible
 // - Updating the key to force to re-render is just a hack
 
-const loaded = Object.fromEntries(props.images.map(img => [img, ref(img)]))
+const version = ref(0)
+const loaded = new Set<string>()
 
-function setLoaded(item) {
+function updateVersion(img) {
-  loaded[item].value = item + 'loaded'
+  if (!loaded.has(img)) {
+    loaded.add(img)
+    ++version.value
+    console.log("update version", version.value)
+  }
 }
 
+// const loaded = Object.fromEntries(props.images.map(img => [img, ref(img)]))
+//
+// function setLoaded(item) {
+//   loaded[item].value = item + 'loaded'
+// }
+
 </script>
 
 
@@ -48,6 +59,7 @@ function setLoaded(item) {
   <div class="flex flex-col items-center justify-start p-4">
     <!-- main slider -->
     <UCarousel
+        :key="version"
         ref="carousel"
         auto-height
         arrows
@@ -64,7 +76,7 @@ function setLoaded(item) {
         class="relative w-full"
         @select="onSelect"
     >
-      <NuxtImg :key="loaded[item]" :src="item" class="object-cover" alt="Bild" preload @load="setLoaded(item)"/>
+      <NuxtImg :src="item" class="object-cover" alt="Bild" preload @load="updateVersion(item)"/>
     </UCarousel>
 
     <!-- thumbnails -->