wvital improve

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();

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 + '%' }" />

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>
+          <ClientOnly>
             <p class="mt-4">
-            &copy; 2018-{{ currentYear }} by {{ companyinfo?.web }}
+              &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']
 

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
+  }
+}

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: {