Update project configuration and enhance translation support. Added caching mechanism for CMS responses with a new script, updated .gitignore to include cache files, and introduced translation handling in various components. Enhanced package.json with new scripts for cache warming and deployment. Added new translation-related components and improved existing ones for better localization support.

src/components/blocks/ImageGalleryBlock.svelte

@@ -5,7 +5,10 @@
   import type { ImageGalleryBlockData, ImageGalleryImage } from "../../lib/block-types";
   import "../../lib/iconify-offline";
   import Icon from "@iconify/svelte";
+  import { useTranslate } from "../../lib/translations";
+  import { T } from "../../lib/translations";
 
+  const t = useTranslate();
   let { block }: { block: ImageGalleryBlockData } = $props();
 
   marked.setOptions({ gfm: true });
@@ -105,7 +108,7 @@
   {/if}
 
   {#if withUrl.length === 0}
-    <p class="text-sm text-stein-500">Keine Bilder in der Galerie.</p>
+    <p class="text-sm text-stein-500">{t(T.image_gallery_empty)}</p>
   {:else if withUrl.length === 1}
     <figure class="m-0">
       <img
@@ -123,7 +126,7 @@
       <div
         class="relative overflow-hidden rounded-sm bg-stein-100 aspect-video touch-pan-y cursor-grab active:cursor-grabbing"
         role="region"
-        aria-label="Galerie: wischen zum Wechseln"
+        aria-label={t(T.image_gallery_swipe_aria)}
         onpointerdown={onPointerDown}
         onpointermove={onPointerMove}
         onpointerup={onPointerUp}
@@ -159,7 +162,7 @@
       <button
         type="button"
         class="absolute left-2 top-1/2 -translate-y-1/2 w-6 h-6 flex items-center justify-center rounded-full bg-black/50 text-white hover:bg-black/70 transition-opacity focus:outline-none focus:ring-2 focus:ring-wald-500 lg:opacity-0 lg:group-hover:opacity-100"
-        aria-label="Vorheriges Bild"
+        aria-label={t(T.image_gallery_prev_aria)}
         onclick={prev}
       >
         <Icon icon="mdi:chevron-left" class="text-2xl" aria-hidden="true" />
@@ -167,18 +170,18 @@
       <button
         type="button"
         class="absolute right-2 top-1/2 -translate-y-1/2 w-6 h-6 flex items-center justify-center rounded-full bg-black/50 text-white hover:bg-black/70 transition-opacity focus:outline-none focus:ring-2 focus:ring-wald-500 lg:opacity-0 lg:group-hover:opacity-100"
-        aria-label="Nächstes Bild"
+        aria-label={t(T.image_gallery_next_aria)}
         onclick={next}
       >
         <Icon icon="mdi:chevron-right" class="text-2xl" aria-hidden="true" />
       </button>
 
-      <div class="flex justify-center gap-1.5 mt-2" role="tablist" aria-label="Galerieposition">
+      <div class="flex justify-center gap-1.5 mt-2" role="tablist" aria-label={t(T.image_gallery_position_aria)}>
         {#each withUrl as _, i}
           <button
             type="button"
             role="tab"
-            aria-label="Bild {i + 1}"
+            aria-label={t(T.image_gallery_slide_aria, { index: i + 1 })}
             aria-selected={i === currentIndex}
             class="w-2 h-2 rounded-full transition-colors {i === currentIndex
               ? "bg-wald-600"