From 879bcab0440bd73ea7b4e4618b872378d9a25c71 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <xdrm.brackets.dev@gmail.com>
Date: Wed, 12 Oct 2022 11:47:46 +0200
Subject: [PATCH] fix: translate skill picker description

---
 src/components/SkillPicker.vue | 4 ++--
 src/locales/en.json            | 3 +++
 src/locales/fr.json            | 4 ++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/SkillPicker.vue b/src/components/SkillPicker.vue
index fc7c1d4..8b06074 100644
--- a/src/components/SkillPicker.vue
+++ b/src/components/SkillPicker.vue
@@ -24,7 +24,7 @@
 				<section class='details' v-if='details != null'>
 					<img :src='details.icon'/>
 					<h1 v-html='details.title'></h1>
-					<h2>Featured in <b>{{ details.projects.length }}</b> {{ details.projects.length > 1 ? 'projects' : 'project' }}</h2>
+					<h2>{{ $t('skills.featured-before') }} <b>{{ details.projects.length }}</b> {{ details.projects.length > 1 ? $t('skills.featured-after-n') : $t('skills.featured-after-1') }}</h2>
 					<h3>
 						<template v-for='(proj) of details.projects'>
 							<a :key='"pick-" + proj.name' href @click='$event.preventDefault(); scroll(proj.name.replaceAll(" ", "_"));'>
@@ -172,7 +172,7 @@ export default class SkillPicker extends Vue {
 		}
 		this.details = {
 			icon,
-			title:    skill.name,
+			title:    this.$t(skillLabel(id)).toString(),
 			projects: projects.bySkill(id),
 			text:     skill.info,
 		};
diff --git a/src/locales/en.json b/src/locales/en.json
index daf90a7..1616a2c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -12,6 +12,9 @@
 	"timeline.title": "Timeline of projects featuring",
 	"timeline.back": "Change skill",
 
+	"skills.featured-before":  "Featured in",
+	"skills.featured-after-1": "project",
+	"skills.featured-after-n": "projects",
 
 	"tag.all": "All",
 	"tag.web": "Web",
diff --git a/src/locales/fr.json b/src/locales/fr.json
index a0537d2..1bb38e6 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -12,6 +12,10 @@
 	"timeline.title": "Chronologie des projets avec",
 	"timeline.back": "Choisir compétence",
 
+	"skills.featured-before":  "Apparaît dans",
+	"skills.featured-after-1": "projet",
+	"skills.featured-after-n": "projets",
+
 	"tag.all": "Tout",
 	"tag.web": "Web",
 	"tag.storage": "Stockage",