vertaling van de header

tdamsma · Jun 7, 2024 · a44a18b · a44a18b
1 parent 0ae4a8b
commit a44a18b
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 7 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -26,5 +26,10 @@
     "home_home": "Home",
     "home_team": "Team",
     "home_ourApproach": "Our approach",
-    "home_blog": "Blog"
+    "home_blog": "Blog",
+    "header_ons_team": "Our team",
+    "header_trainingen": "Trainings",
+    "header_coaching": "Coaching",
+    "header_onze_aanpak": "Our approach",
+    "header_blog": "Blog"
 }
diff --git a/messages/nl.json b/messages/nl.json
@@ -26,5 +26,10 @@
     "home_home": "Home",
     "home_team": "Ons team",
     "home_ourApproach": "Onze aanpak",
-    "home_blog": "Blog"
+    "home_blog": "Blog",
+    "header_ons_team": "Ons team",
+    "header_trainingen": "Trainingen",
+    "header_coaching": "Coaching",
+    "header_onze_aanpak": "Onze aanpak",
+    "header_blog": "Blog"
 }
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import LanguageSwitcher from './LanguageSwitcher.svelte';
+	import * as m from '$lib/paraglide/messages.js';
 </script>
 
 <template lang="pug">
@@ -14,15 +15,15 @@
             li.nav-item
               a.nav-link(href="/") Yep
             li.nav-item
-              a.nav-link(href="/team") Ons team
+              a.nav-link(href="/team") {m.header_ons_team()}
             li.nav-item
-              a.nav-link(href="/trainingen") Trainingen
+              a.nav-link(href="/trainingen") {m.header_trainingen()}
             li.nav-item
-              a.nav-link(href="/coaching") Coaching
+              a.nav-link(href="/coaching") {m.header_coaching()}
             li.nav-item
-              a.nav-link(href="/onze-aanpak") Onze aanpak
+              a.nav-link(href="/onze-aanpak") {m.header_onze_aanpak()}
             li.nav-item
-              a.nav-link(href="/blog") Blog
+              a.nav-link(href="/blog") {m.header_blog()}
           ul.navbar-nav.ml-auto
             li.nav-item
               LanguageSwitcher