kayjaydee/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: correct i18n key paths for projects, featured, testimonials

Browse Source 
- useProjects: projects.${id}.* → projectData.${id}.* (matches locale structure)
- FeaturedProjectsSection: home.projects.* → home.featuredProjects.*
- TestimonialsSection: home.testimonials.* → testimonials.*
This commit is contained in:
MrKayJayDee
2026-04-08 18:53:49 +02:00
parent 1cdddb7cf4
commit bd7e02f6ce
3 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/sections/FeaturedProjectsSection.vue
+2 -2
View File
@@ -7,8 +7,8 @@ const { featuredProjects } = useProjects()
<section class="py-16 px-4">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">{{ t('home.projects.title') }}</h2>
<p class="text-lg text-muted max-w-2xl mx-auto">{{ t('home.projects.subtitle') }}</p>
<h2 class="text-3xl font-bold mb-4">{{ t('home.featuredProjects.title') }}</h2>
<p class="text-lg text-muted max-w-2xl mx-auto">{{ t('home.featuredProjects.subtitle') }}</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<ProjectCard
app/components/sections/TestimonialsSection.vue
+5 -5
View File
@@ -8,22 +8,22 @@ const { t } = useI18n()
<section class="py-16 px-4">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">{{ t('home.testimonials.title') }}</h2>
<p class="text-lg text-muted max-w-2xl mx-auto">{{ t('home.testimonials.subtitle') }}</p>
<h2 class="text-3xl font-bold mb-4">{{ t('testimonials.title') }}</h2>
<p class="text-lg text-muted max-w-2xl mx-auto">{{ t('testimonials.subtitle') }}</p>
<!-- Stats -->
<div class="flex justify-center gap-8 mt-8">
<div class="text-center">
<p class="text-3xl font-bold text-primary">{{ testimonialsStats.totalReviews }}</p>
<p class="text-sm text-muted">{{ t('home.testimonials.stats.clients') }}</p>
<p class="text-sm text-muted">{{ t('testimonials.stats.clients') }}</p>
</div>
<div class="text-center">
<p class="text-3xl font-bold text-primary">{{ testimonialsStats.averageRating }}/5</p>
<p class="text-sm text-muted">{{ t('home.testimonials.stats.rating') }}</p>
<p class="text-sm text-muted">{{ t('testimonials.stats.rating') }}</p>
</div>
<div class="text-center">
<p class="text-3xl font-bold text-primary">{{ testimonialsStats.projectsCompleted }}</p>
<p class="text-sm text-muted">{{ t('home.testimonials.stats.projects') }}</p>
<p class="text-sm text-muted">{{ t('testimonials.stats.projects') }}</p>
</div>
</div>
</div>
app/composables/useProjects.ts
+4 -4
View File
@@ -11,10 +11,10 @@ export function useProjects() {
const projects = computed<Project[]>(() =>
projectsData.map((p) => ({
...p,
title: t(`projects.${p.id}.title`),
description: t(`projects.${p.id}.description`),
longDescription: te(`projects.${p.id}.longDescription`)
? t(`projects.${p.id}.longDescription`)
title: t(`projectData.${p.id}.title`),
description: t(`projectData.${p.id}.description`),
longDescription: te(`projectData.${p.id}.longDescription`)
? t(`projectData.${p.id}.longDescription`)
: undefined,
})),
)