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
+10
View File
@@ -2,6 +2,7 @@
import { hytaleDemos } from '~/data/hytaleDemos'
const { t } = useI18n()
const localePath = useLocalePath()
</script>
<template>
@@ -76,6 +77,15 @@ const { t } = useI18n()
</div>
<div class="flex flex-wrap gap-2 mt-2">
<UButton
:to="localePath(`/project/${demo.id}`)"
color="primary"
variant="soft"
size="sm"
trailing-icon="i-lucide-arrow-right"
>
{{ t('projects.buttons.viewProject') }}
</UButton>
<UButton
v-if="demo.website"
:to="demo.website"