feat(localization): implement localePath for project links across components

- Updated HytaleDemoGrid.vue, ProjectCard.vue, FeaturedProjectsSection.vue, about.vue, and project/[id].vue to utilize localePath for project links, enhancing localization support.
- This change ensures that project URLs are correctly localized, improving user experience across different languages.

This commit strengthens the site's multilingual capabilities by standardizing project link paths.
This commit is contained in:
2026-04-28 19:29:40 +02:00
parent 5ae226bbf2
commit 33bbb7a3b9
5 changed files with 21 additions and 7 deletions
+3 -2
View File
@@ -2,6 +2,7 @@
import { techStack } from '~/data/techstack'
const { t } = useI18n()
const localePath = useLocalePath()
useSeoMeta({
title: () => t('seo.about.title'),
@@ -180,9 +181,9 @@ const approachCards = computed(() => [
:title="t('about.cta.title')"
:subtitle="t('about.cta.description')"
:primary-text="t('about.cta.button')"
primary-to="/contact"
:primary-to="localePath('/contact')"
:secondary-text="t('home.cta.viewProjects')"
secondary-to="/projects"
:secondary-to="localePath('/projects')"
/>
</div>
</template>
+3 -2
View File
@@ -1,6 +1,7 @@
<script setup lang="ts">
const route = useRoute()
const { t } = useI18n()
const localePath = useLocalePath()
const { findById, projects } = useProjects()
const project = findById(route.params.id as string)
@@ -52,7 +53,7 @@ useSeoMeta({
variant="solid"
color="neutral"
icon="i-lucide-arrow-left"
to="/projects"
:to="localePath('/projects')"
size="sm"
class="shadow-lg backdrop-blur-sm"
>
@@ -215,7 +216,7 @@ useSeoMeta({
<NuxtLink
v-for="related in relatedProjects"
:key="related.id"
:to="`/project/${related.id}`"
:to="localePath(`/project/${related.id}`)"
class="flex gap-3 p-3 rounded-xl border border-transparent hover:border-brand-500/20 hover:bg-brand-500/5 transition-all duration-200 group"
>
<NuxtImg