From fa1f9120895eb4a6d8aa22e7fd468a7f34c3fe4d Mon Sep 17 00:00:00 2001
From: Sabrina Hennrich <sabrina@digimedialoop.de>
Date: Tue, 20 May 2025 14:31:38 +0200
Subject: [PATCH] wvital improve

---
 components/ContactForm.vue           |  3 ++-
 components/ImageComparisonSlider.vue |  2 +-
 components/template/PageFooter.vue   | 12 +++++-------
 composables/useI18nPages.ts          | 15 +++++++++++++++
 nuxt.config.ts                       |  1 +
 5 files changed, 24 insertions(+), 9 deletions(-)
 create mode 100644 composables/useI18nPages.ts

diff --git a/components/ContactForm.vue b/components/ContactForm.vue
index 80afcba..bff2fc9 100644
--- a/components/ContactForm.vue
+++ b/components/ContactForm.vue
@@ -116,7 +116,7 @@
                         <span class="check">✔</span>
                         {{ $t('contactForm.privacyInfotextBeforeLink') }}
                         <NuxtLinkLocale
-                            :to="$t('privacy')"
+                            :to="getRoute('privacy')"
                             :aria-label="$t('privacy')"
                         >
                             {{ $t('contactForm.privacyInfotextLinkText') }}
@@ -150,6 +150,7 @@ import { useMainStore } from '@/stores/main';
 import { ref, reactive, computed } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useI18n } from 'vue-i18n';
+const { getRoute } = useI18nPages()
 
 // i18n Setup
 const { t } = useI18n();
diff --git a/components/ImageComparisonSlider.vue b/components/ImageComparisonSlider.vue
index 43e8d4e..45df99e 100644
--- a/components/ImageComparisonSlider.vue
+++ b/components/ImageComparisonSlider.vue
@@ -23,7 +23,7 @@
     </div>
 
     <!-- Slider -->
-    <input v-model="sliderValue" type="range" min="0" max="100" class="slider" >
+    <input v-model="sliderValue" type="range" min="0" max="100" class="slider" aria-label="Designvergleich zwischen Vorher und Nachher">
 
     <!-- Vertikale Trennlinie -->
     <div class="slider-line" :style="{ left: sliderValue + '%' }" />
diff --git a/components/template/PageFooter.vue b/components/template/PageFooter.vue
index 0f3b8be..8574b59 100644
--- a/components/template/PageFooter.vue
+++ b/components/template/PageFooter.vue
@@ -82,7 +82,6 @@
               >
                 {{ $t(key) }}
               </NuxtLinkLocale>
-            <NuxtLink to="/#faq">{{ $t('faq') }}</NuxtLink>
           </p>
             
           </div>
@@ -132,21 +131,20 @@
               height="26"
             />
           </p>
-          <p class="mt-4">
-            &copy; 2018-{{ currentYear }} by {{ companyinfo?.web }}
-          </p>
+          <ClientOnly>
+            <p class="mt-4">
+              &copy; 2018-{{ new Date().getFullYear() }} by {{ companyinfo?.web }}
+            </p>
+          </ClientOnly>
         </div>
       </div>
     </div>
   </footer>
   </template>
  <script setup>
- const runtimeConfig = useRuntimeConfig();
- const cmsUrl = computed(() => runtimeConfig.public.cmsBaseUrl)
  
  const mainStore = useMainStore()
  const { companyinfo, invertLogoUrl } = storeToRefs(mainStore)
- const currentYear = computed(() => new Date().getFullYear())
 
  const footerRouteNames = ['imprint', 'privacy', 'magazin', 'terms']
 
diff --git a/composables/useI18nPages.ts b/composables/useI18nPages.ts
new file mode 100644
index 0000000..9091a95
--- /dev/null
+++ b/composables/useI18nPages.ts
@@ -0,0 +1,15 @@
+// composables/useI18nPages.ts
+import { useI18n } from 'vue-i18n'
+import { i18nPages } from '@/i18n/i18n-pages'
+
+export function useI18nPages () {
+  const { locale } = useI18n()
+
+  const getRoute = (key: keyof typeof i18nPages) => {
+    return i18nPages[key][locale.value]
+  }
+
+  return {
+    getRoute
+  }
+}
diff --git a/nuxt.config.ts b/nuxt.config.ts
index ff532e8..cf210dc 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -27,6 +27,7 @@ export default defineNuxtConfig({
       viewport: 'width=device-width, initial-scale=1, maximum-scale=1',
     }
   },
+  viewport: 'width=device-width, initial-scale=1, maximum-scale=5',
   compatibilityDate: '2024-11-01',
   devtools: { enabled: true },
   vite: {