From fe397c54e3cfbdf94a04dde63067f651363b8643 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@ugent.be>
Date: Sat, 17 May 2025 15:16:13 +0200
Subject: [PATCH] chore(frontend): QandA i18n

---
 frontend/src/components/QandA.vue | 20 ++++++++++++--------
 frontend/src/i18n/locale/de.json  |  1 +
 frontend/src/i18n/locale/en.json  |  1 +
 frontend/src/i18n/locale/fr.json  |  1 +
 frontend/src/i18n/locale/nl.json  |  1 +
 5 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/QandA.vue b/frontend/src/components/QandA.vue
index 07ae982d..ce9b6419 100644
--- a/frontend/src/components/QandA.vue
+++ b/frontend/src/components/QandA.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
     import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
     import SingleQuestion from "./SingleQuestion.vue";
+    import { useI18n } from 'vue-i18n';
+
+    const { t } = useI18n();
 
     defineProps<{
         questions: QuestionDTO[];
@@ -8,16 +11,17 @@
 </script>
 <template>
     <div class="space-y-4">
-        <div
-            v-if="questions.length !=0"
-            v-for="question in questions"
-            :key="(question.sequenceNumber, question.content)"
-            class="border rounded-2xl p-4 shadow-sm bg-white"
-        >
-            <SingleQuestion :question="question"></SingleQuestion>
+        <div v-if="questions.length != 0">
+            <div
+                v-for="question in questions"
+                :key="(question.sequenceNumber, question.content)"
+                class="border rounded-2xl p-4 shadow-sm bg-white"
+            >
+                <SingleQuestion :question="question"></SingleQuestion>
+            </div>
         </div>
         <div v-else>
-            <p class="no-questions">No questions asked yet</p>
+            <p class="no-questions">{{t("no-questions")}}</p>
         </div>
     </div>
 </template>
diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index f8c77685..e81e520c 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -128,5 +128,6 @@
     "answer-input-placeholder": "Antwort...",
     "answers-toggle-hide": "Antworten verstecken",
     "answers-toggle-show": "Antworten anzeigen",
+    "no-questions": "Keine Fragen",
     "no-discussion-tip": "Wählen Sie ein Lernobjekt aus, um dessen Fragen anzuzeigen"
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index a874c3a6..80a8d2c9 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -128,6 +128,7 @@
     "answer-input-placeholder": "answer...",
     "answers-toggle-hide": "Hide answers",
     "answers-toggle-show": "Show answers",
+    "no-questions": "No questions asked yet",
     "no-discussion-tip": "Choose a learning object to view its questions"
 
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index 5ab63b6b..156ffd36 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -128,5 +128,6 @@
     "answer-input-placeholder": "réponse...",
     "answers-toggle-hide": "Masquer réponses",
     "answers-toggle-show": "Afficher réponse",
+    "no-questions": "Aucune question trouvée",
     "no-discussion-tip": "Sélectionnez un objet d'apprentissage pour afficher les questions qui s'y rapportent"
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index d5e2ecfb..731b4e71 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -128,5 +128,6 @@
     "answer-input-placeholder": "antwoord...",
     "answers-toggle-hide": "Verberg antwoorden",
     "answers-toggle-show": "Toon antwoorden",
+    "no-questions": "Nog geen vragen gesteld",
     "no-discussion-tip": "Kies een leerobject om zijn vragen te bekijken"
 }