Add variant support for landing slideshow

apps/panoramablick/i18n/locales/de.json

@@ -103,6 +103,18 @@
     "welcome": {
       "title": "Willkommen im Landhaus Panoramablick in Saalbach",
       "description": "Genießen Sie erholsame Tage inmitten der Salzburger Natur mit herrlichem Panoramablick auf die Berge von Saalbach. Unser Landhaus bietet gemütliche Apartments und herzliche Gastfreundschaft in perfekter Lage.",
+      "images": {
+        "#su": [
+          '/landing/2.jpg',
+          '/landing/1.jpg',
+          '/landing/3.jpg',
+          '/landing/4.jpg'
+        ],
+        "#wi": [
+          '/landing/w1.webp',
+          '/landing/w2.webp'
+        ]
+      },
       "joker": {
         "#su": "true",
         "#wi": "false"

apps/panoramablick/pages/[[variant]]/index.vue

@@ -3,7 +3,7 @@
     <div class="absolute inset-0 z-0">
         <UCarousel
             v-slot="{ item }"
-            :items="images"
+            :items="extract(tm('landing.welcome.images'))"
             :ui="{item: 'basis-full h-full ps-0', container: 'flex items-stretch h-full'}"
             :autoplay="{ delay: 5000 }"
             :loop="true"
@@ -159,13 +159,10 @@
 </style>
 
 <script setup lang="ts">
-const images = [
-  '/landing/2.jpg',
-  '/landing/1.jpg',
-  '/landing/3.jpg',
-  '/landing/4.jpg'
-]
-
 const {t, tm, rt} = useVariantData()
 const {variantPath} = useVariantPath()
+
+function extract(o) {
+  return o.map(i => rt(i))
+}
 </script>