Fix Galerie

app/components/EmblaItem.vue

@@ -1,7 +1,5 @@
-<script lang="ts">
-export default {
-  props: ["src", "link"],
-};
+<script lang="ts" setup>
+const {src, link, jahr, fontSize}=defineProps(["src", "link","jahr","fontSize"]);
 </script>
 <template>
   <div
@@ -11,16 +9,31 @@ export default {
     <div class="slide-content">
       <div class="item-img">
         <div class="item-wrapper">
-          <RouterLink :to="link">
+          <NuxtLink :to="link">
             <img
               :src="
                 src
               "
             />
-          </RouterLink>
+            <span class="jahr-overlay" v-if="jahr" :style="{'font-size': fontSize+'px'}">
+              {{ jahr }}
+            </span>
+          </NuxtLink>
         </div>
       </div>
     </div>
   </div>
 </template>
-<style></style>
+<style scoped>
+.item-wrapper {
+  position: relative;
+}
+  .jahr-overlay {
+    color: white;
+    mix-blend-mode: difference;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+  }
+</style>