chore: i18n

frontend/src/components/SingleQuestion.vue

@@ -6,6 +6,10 @@
     import type { AnswersResponse } from "@/controllers/answers";
     import type { AnswerData, AnswerDTO } from "@dwengo-1/common/interfaces/answer";
     import authService from "@/services/auth/auth-service";
+    import { useI18n } from "vue-i18n";
+    
+    
+    const { t } = useI18n();
 
     const props = defineProps<{
         question: QuestionDTO;
@@ -99,7 +103,7 @@
             <input
                 v-model="answer"
                 type="text"
-                placeholder="answer: ..."
+                :placeholder="t('answer-input-placeholder')"
                 class="answer-input"
             />
             <button
@@ -118,7 +122,7 @@
                 @click="toggle()"
                 class="toggle-answers-btn"
             >
-                {{ expanded ? "Hide Answers" : "Show Answers" }}
+                {{ expanded ? t("answers-toggle-hide") : t("answers-toggle-show") }}
             </button>
 
             <div

frontend/src/i18n/locale/de.json

@@ -121,5 +121,11 @@
     "invite": "einladen",
     "assignmentIndicator": "AUFGABE",
     "searchAllLearningPathsTitle": "Alle Lernpfade durchsuchen",
-    "searchAllLearningPathsDescription": "Nicht gefunden, was Sie gesucht haben? Klicken Sie hier, um unsere gesamte Lernpfad-Datenbank zu durchsuchen."
+    "searchAllLearningPathsDescription": "Nicht gefunden, was Sie gesucht haben? Klicken Sie hier, um unsere gesamte Lernpfad-Datenbank zu durchsuchen.",
+    "questions": "Fragen",
+    "view-questions": "Fragen anzeigen auf ",
+    "question-input-placeholder": "Frage...",
+    "answer-input-placeholder": "Antwort...",
+    "answers-toggle-hide": "Antworten verstecken",
+    "answers-toggle-show": "Antworten anzeigen"
 }

frontend/src/i18n/locale/en.json

@@ -4,7 +4,7 @@
     "teacher": "teacher",
     "assignments": "Assignments",
     "classes": "Classes",
-    "discussions": "discussions",
+    "discussions": "Discussions",
     "logout": "log out",
     "error_title": "Error",
     "previous": "Previous",
@@ -121,5 +121,12 @@
     "invite": "invite",
     "assignmentIndicator": "ASSIGNMENT",
     "searchAllLearningPathsTitle": "Search all learning paths",
-    "searchAllLearningPathsDescription": "You didn't find what you were looking for? Click here to search our whole database of available learning paths."
+    "searchAllLearningPathsDescription": "You didn't find what you were looking for? Click here to search our whole database of available learning paths.",
+    "questions": "questions",
+    "view-questions": "View questions in ",
+    "question-input-placeholder": "question...",
+    "answer-input-placeholder": "answer...",
+    "answers-toggle-hide": "Hide answers",
+    "answers-toggle-show": "Show answers"
+
 }

frontend/src/i18n/locale/fr.json

@@ -121,5 +121,11 @@
     "invite": "inviter",
     "assignmentIndicator": "DEVOIR",
     "searchAllLearningPathsTitle": "Rechercher tous les parcours d'apprentissage",
-    "searchAllLearningPathsDescription": "Vous n'avez pas trouvé ce que vous cherchiez ? Cliquez ici pour rechercher dans toute notre base de données de parcours d'apprentissage disponibles."
+    "searchAllLearningPathsDescription": "Vous n'avez pas trouvé ce que vous cherchiez ? Cliquez ici pour rechercher dans toute notre base de données de parcours d'apprentissage disponibles.",
+    "questions": "Questions",
+    "view-questions": "Voir les questions dans ",
+    "question-input-placeholder": "question...",
+    "answer-input-placeholder": "réponse...",
+    "answers-toggle-hide": "Masquer réponses",
+    "answers-toggle-show": "Afficher réponse"
 }

frontend/src/i18n/locale/nl.json

@@ -4,7 +4,7 @@
     "teacher": "leerkracht",
     "assignments": "Opdrachten",
     "classes": "Klassen",
-    "discussions": "discussies",
+    "discussions": "Discussies",
     "logout": "log uit",
     "error_title": "Fout",
     "previous": "Vorige",
@@ -121,5 +121,11 @@
     "invite": "uitnodigen",
     "assignmentIndicator": "OPDRACHT",
     "searchAllLearningPathsTitle": "Alle leerpaden doorzoeken",
-    "searchAllLearningPathsDescription": "Niet gevonden waar je naar op zoek was? Klik hier om onze volledige databank van beschikbare leerpaden te doorzoeken."
+    "searchAllLearningPathsDescription": "Niet gevonden waar je naar op zoek was? Klik hier om onze volledige databank van beschikbare leerpaden te doorzoeken.",
+    "questions": "vragen",
+    "view-questions": "Bekijk vragen in ",
+    "question-input-placeholder": "vraag...",
+    "answer-input-placeholder": "antwoord...",
+    "answers-toggle-hide": "Verberg antwoorden",
+    "answers-toggle-show": "Toon antwoorden"
 }

frontend/src/views/discussions/NoDiscussion.vue

@@ -34,7 +34,7 @@
     <div class="d-flex flex-column h-100">
         <v-list-item>
             <template v-slot:title>
-                <div class="title">Discussions</div>
+                <div class="title">{{t("discussions")}}</div>
             </template>
         </v-list-item>
         <v-divider></v-divider>

frontend/src/views/discussions/SingleDiscussion.vue

@@ -201,7 +201,7 @@
             <div class="d-flex flex-column h-100">
                 <v-list-item>
                     <template v-slot:title>
-                        <div class="title">Discussions</div>
+                        <div class="title">{{t("discussions")}}</div>
                     </template>
                 </v-list-item>
                 <v-divider></v-divider>

frontend/src/views/learning-paths/LearningPathPage.vue

@@ -336,7 +336,7 @@
             <div class="input-wrapper">
                 <input
                     type="text"
-                    placeholder="question : ..."
+                    :placeholder="t('question-input-placeholder')"
                     class="question-input"
                     v-model="questionInput"
                 />
@@ -372,13 +372,13 @@
         >
         <v-divider :thickness="6"></v-divider>
             <div class="question-header">
-                <span class="question-title">Questions</span>
+                <span class="question-title">{{t("questions")}}</span>
                 <span class="discussion-link-text">
-                    View questions in 
+                    {{t("view-questions")}}
                     <router-link
                         :to=discussionLink
                     >
-                        discussions
+                        {{t("discussions")}}
                     </router-link>
                 </span>
             </div>