Verlinkung Galerie korrigiert

src/components/Embla.vue

@@ -38,13 +38,17 @@ defineProps({
     type: Array,
     required: true,
   },
+  links: {
+    type: Array,
+    required: true,
+  },
 });
 </script>
 
 <template>
   <div class="embla" ref="emblaRef">
     <div class="embla__container">
-      <EmblaItem v-for="el in src" :src="el" />
+      <EmblaItem v-for="el, i in src" :src="el" :link="links[i]" />
     </div>
     <button class="embla__button embla__button--prev" @click="prev">
       <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>

src/components/EmblaItem.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
 export default {
-  props: ["src"],
+  props: ["src", "link"],
 };
 </script>
 <template>
@@ -11,13 +11,13 @@ export default {
     <div class="slide-content">
       <div class="item-img">
         <div class="item-wrapper">
-          <a href="galerie.php#erntefest">
+          <RouterLink :to="link">
             <img
               :src="
                 src
               "
             />
-          </a>
+          </RouterLink>
         </div>
       </div>
     </div>