diff --git a/src/components/LangPicker.vue b/src/components/LangPicker.vue index 80dec83..14605d7 100644 --- a/src/components/LangPicker.vue +++ b/src/components/LangPicker.vue @@ -13,15 +13,8 @@ import { Component, Vue } from 'vue-property-decorator'; import { Locales } from '@/locales'; -// Define the props by using Vue's canonical way. -const LangPickerProps = Vue.extend({ - props: { - name: String - } -}) - @Component({}) -export default class LangPicker extends LangPickerProps { +export default class LangPicker extends Vue { private locales: Locales[] = [Locales.EN, Locales.FR]; get current(): string { diff --git a/src/components/SkillPicker.vue b/src/components/SkillPicker.vue index 37c8019..267ed34 100644 --- a/src/components/SkillPicker.vue +++ b/src/components/SkillPicker.vue @@ -33,12 +33,12 @@ , -

+

- +
@@ -60,7 +60,7 @@ interface Details { icon: string|null; title: string; projects: Project[]; - text: string; + text: { [key in Locales]: string }; } const DEFAULT_TAG = tTag.All; @@ -175,7 +175,7 @@ export default class SkillPicker extends Vue { icon, title: this.$t(skillLabel(id)).toString(), projects: projects.bySkill(id), - text: skill.info[this.$i18n.locale as Locales], + text: skill.info, }; } diff --git a/src/locales/en.json b/src/locales/en.json index 7266e94..83f29ff 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -15,6 +15,7 @@ "skills.featured-before": "Featured in", "skills.featured-after-1": "project", "skills.featured-after-n": "projects", + "skills.browse": "Browse projects", "tag.all": "All", "tag.web": "Web", diff --git a/src/locales/fr.json b/src/locales/fr.json index 1014eca..8b9df39 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -15,6 +15,7 @@ "skills.featured-before": "ApparaƮt dans", "skills.featured-after-1": "projet", "skills.featured-after-n": "projets", + "skills.browse": "Parcourir les projets", "tag.all": "Tout", "tag.web": "Web",