From bf1353553be265d628ed005238b71ef793f98752 Mon Sep 17 00:00:00 2001
From: Livio Bieri <livio@livio.li>
Date: Fri, 8 Dec 2023 14:40:05 +0100
Subject: [PATCH] chore: add i18n to NoCourseSession.vue

---
 .../components/dashboard/NoCourseSession.vue  | 40 ++++++++++++++-----
 1 file changed, 29 insertions(+), 11 deletions(-)

diff --git a/client/src/components/dashboard/NoCourseSession.vue b/client/src/components/dashboard/NoCourseSession.vue
index 94b6b477..90539d36 100644
--- a/client/src/components/dashboard/NoCourseSession.vue
+++ b/client/src/components/dashboard/NoCourseSession.vue
@@ -6,31 +6,49 @@ const user = useUserStore();
 
 <template>
   <div>
-    <h2 class="mb-12">Hallo {{ user.first_name }}, wähle jetzt deinen Lehrgang aus:</h2>
+    <h2 class="mb-12">
+      <i18next
+        :translation="$t('a.Hallo {userFirstName}, wähle jetzt deinen Lehrgang aus')"
+      >
+        <template #userFirstName>{{ user.first_name }}</template>
+      </i18next>
+    </h2>
 
     <div class="grid grid-cols-1 gap-12 md:grid-cols-2">
       <div>
-        <img src="../../assets/images/mood_vv.jpg" alt="Versicherungsvermittler/-in" />
-        <h3 class="mb-4 mt-8">Versicherungsvermittler/-in!</h3>
+        <img
+          src="../../assets/images/mood_vv.jpg"
+          :alt="$t('a.Versicherungsvermittler/-in')"
+        />
+        <h3 class="mb-4 mt-8">{{ $t("a.Versicherungsvermittler/-in") }}</h3>
         <p class="mb-4">
-          Der Lehrgang und die Prüfung zum Erwerb des Verbandszertifikats als
-          Versicherungs-vermittler/-in.
+          {{
+            $t(
+              "a.Der Lehrgang und die Prüfung zum Erwerb des Verbandszertifikats als Versicherungsvermittler/-in."
+            )
+          }}
         </p>
-        <a href="/start/vv" class="btn-primary">Mehr erfahren</a>
+        <a href="/start/vv" class="btn-primary">{{ $t("a.Mehr erfahren") }}</a>
       </div>
 
       <div>
-        <img src="../../assets/images/mood_uk.jpg" alt="Überbetriebliche Kurse" />
-        <h3 class="mb-4 mt-8">Überbetriebliche Kurse</h3>
+        <img
+          src="../../assets/images/mood_uk.jpg"
+          :alt="$t('Überbetriebliche Kurse')"
+        />
+        <h3 class="mb-4 mt-8">{{ $t("a.Überbetriebliche Kurse") }}</h3>
         <p class="mb-4">
-          Die überbetrieblichen Kurse der kaufmännischen Ausbildungs- und
-          Prüfungsbranche «Privatversicherung».
+          {{
+            $t(
+              "a.Die überbetrieblichen Kurse der kaufmännischen Ausbildungs- und Prüfungsbranche 'Privatversicherung'."
+            )
+          }}
         </p>
         <router-link
           :to="{ name: 'accountProfile', params: { courseType: 'uk' } }"
           class="btn-primary"
         >
-          Jetzt mit Lehrgang starten
+          {{ $t("a.Jetzt mit Lehrgang starten") }}
         </router-link>
       </div>
     </div>