fix: translate skill picker description

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,
 		};

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",

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",