locale change on imprint

components/OADFooter.vue

@@ -1,22 +1,30 @@
 <script setup lang="ts">
+const localePath = useLocalePath();
 const config = useRuntimeConfig();
 
 const frontenVersion = `${config.public.gitTag ?? "version"} - ${
 	config.public.branchName ?? "branch"
 }`;
 </script>
+
 <template>
 	<div>
 		<v-footer border class="py-2">
 			<div
 				style="font-size: 0.75em"
-				class="w-50 mx-auto d-flex justify-center justify-space-between align-center">
+				class="w-50 mx-auto d-flex justify-center justify-space-between align-center"
+			>
 				<div>
-					<NuxtLink style="text-decoration: none; color: inherit" to="/imprint">{{ $t('global.imprint') }}</NuxtLink>
+					<NuxtLink style="text-decoration: none; color: inherit" :to="localePath('/imprint')">
+						{{ $t("global.imprint") }}
+					</NuxtLink>
 				</div>
 
-				<div class="text-center" >
-					<p><b>Version:</b> {{ frontenVersion }}</p>
+				<div class="text-center">
+					<p>
+						<b>Version:</b>
+						{{ frontenVersion }}
+					</p>
 				</div>
 
 				<div class="relative">

nuxt.config.ts

@@ -71,7 +71,9 @@ export default defineNuxtConfig({
 		},
 	},
 	image: {
-		domains: JSON.parse(process.env.NUXT_PUBLIC_IMAGE_DOMAINS),
+		domains: process.env.NUXT_PUBLIC_IMAGE_DOMAINS
+			? JSON.parse(process.env.NUXT_PUBLIC_IMAGE_DOMAINS)
+			: [],
 		inject: true,
 	},
 });