fix(i18n): correct translation directions in socialnetwork.json files

- Updated translation keys in German, English, and Spanish localization files to accurately reflect the intended language direction for vocabulary translation.
- Adjusted the `translateTo` and `translateFrom` keys to ensure consistency across all language files.

frontend/src/i18n/locales/de/socialnetwork.json

@@ -457,8 +457,8 @@
                 "vocabTrainerDescription": "Übe die wichtigsten Begriffe dieser Lektion interaktiv.",
                 "startVocabTrainer": "Vokabeltrainer starten",
                 "stopTrainer": "Trainer beenden",
-                "translateTo": "Übersetze ins Deutsche",
+                "translateTo": "Übersetze ins Bisaya",
-                "translateFrom": "Übersetze ins Bisaya",
+                "translateFrom": "Übersetze ins Deutsche",
                 "next": "Weiter",
                 "totalAttempts": "Versuche",
                 "successRate": "Erfolgsrate",

frontend/src/i18n/locales/en/socialnetwork.json

@@ -457,8 +457,8 @@
                 "vocabTrainerDescription": "Practice the most important terms of this lesson interactively.",
                 "startVocabTrainer": "Start Vocabulary Trainer",
                 "stopTrainer": "Stop Trainer",
-                "translateTo": "Translate to English",
+                "translateTo": "Translate into Bisaya",
-                "translateFrom": "Translate to Target Language",
+                "translateFrom": "Translate into German",
                 "next": "Next",
                 "totalAttempts": "Attempts",
                 "successRate": "Success Rate",

frontend/src/i18n/locales/es/socialnetwork.json

@@ -455,8 +455,8 @@
                 "vocabTrainerDescription": "Practica los términos clave de esta lección de forma interactiva.",
                 "startVocabTrainer": "Iniciar entrenador",
                 "stopTrainer": "Detener entrenador",
-                "translateTo": "Traduce al alemán",
+                "translateTo": "Traduce al bisaya",
-                "translateFrom": "Traduce desde bisaya",
+                "translateFrom": "Traduce al alemán",
                 "next": "Siguiente",
                 "totalAttempts": "Intentos",
                 "successRate": "Tasa de acierto",

frontend/src/views/social/VocabLessonView.vue

@@ -1699,41 +1699,35 @@ export default {
 
       return matches;
     },
-    buildChoiceOptions(correctAnswers, allVocabs, excludePrompt = null) {
+    /**
+     * @param {'L2R'|'R2L'} direction L2R: Antwort = reference (Zielsprache, z. B. Bisaya). R2L: Antwort = learning (Muttersprache, z. B. Deutsch).
+     *        Distraktoren kommen immer nur aus derselben Sprache wie die richtige Antwort.
+     */
+    buildChoiceOptions(correctAnswers, allVocabs, excludePrompt = null, direction = 'L2R') {
       const normalizedCorrectAnswers = Array.isArray(correctAnswers) ? correctAnswers : [correctAnswers];
       const options = new Set(normalizedCorrectAnswers.filter(Boolean));
-      // Normalisiere alle Werte für den Vergleich (trim + lowercase)
       const normalizedExcludeSet = new Set();
       normalizedCorrectAnswers.forEach((answer) => {
         normalizedExcludeSet.add(this.normalizeVocab(answer));
       });
-      // Wichtig: Der Prompt (die Frage) darf nicht in den Optionen erscheinen
       if (excludePrompt) {
         normalizedExcludeSet.add(this.normalizeVocab(excludePrompt));
       }
 
-      // Sammle alle verfügbaren Distraktoren aus beiden Richtungen
+      const answerField = direction === 'L2R' ? 'reference' : 'learning';
+
       const allDistractors = [];
-      allVocabs.forEach(vocab => {
+      allVocabs.forEach((vocab) => {
-        // Füge beide Richtungen hinzu (learning und reference)
+        const candidate = vocab[answerField];
-        if (vocab.learning && vocab.learning.trim()) {
+        if (!candidate || !candidate.trim()) return;
-          const normalized = this.normalizeVocab(vocab.learning);
+        const normalized = this.normalizeVocab(candidate);
         if (!normalizedExcludeSet.has(normalized)) {
-            allDistractors.push(vocab.learning);
+          allDistractors.push(candidate);
-          }
-        }
-        if (vocab.reference && vocab.reference.trim()) {
-          const normalized = this.normalizeVocab(vocab.reference);
-          if (!normalizedExcludeSet.has(normalized)) {
-            allDistractors.push(vocab.reference);
-          }
         }
       });
 
-      // Entferne Duplikate
       const uniqueDistractors = [...new Set(allDistractors)];
 
-      // Füge Distraktoren hinzu, bis wir 4 Optionen haben
       let attempts = 0;
       const maxAttempts = 200;
 
@@ -1750,17 +1744,14 @@ export default {
         }
       }
 
-      // Falls immer noch nicht genug Optionen: Verwende auch die andere Richtung der aktuellen Vokabeln
       if (options.size < 4 && allVocabs.length > 0) {
-        allVocabs.forEach(vocab => {
+        allVocabs.forEach((vocab) => {
           if (options.size >= 4) return;
-          
+          const candidate = vocab[answerField];
-          // Verwende die andere Richtung als Distraktor
+          if (candidate && candidate.trim()) {
-          const otherDirection = this.vocabTrainerDirection === 'L2R' ? vocab.learning : vocab.reference;
+            const normalized = this.normalizeVocab(candidate);
-          if (otherDirection && otherDirection.trim()) {
+            if (!normalizedExcludeSet.has(normalized) && !options.has(candidate)) {
-            const normalized = this.normalizeVocab(otherDirection);
+              options.add(candidate);
-            if (!normalizedExcludeSet.has(normalized) && !options.has(otherDirection)) {
-              options.add(otherDirection);
             }
           }
         });
@@ -1847,7 +1838,8 @@ export default {
         this.vocabTrainerChoiceOptions = this.buildChoiceOptions(
           this.currentVocabQuestion.answers,
           allTrainerVocabs,
-          this.currentVocabQuestion.prompt // Exkludiere den Prompt
+          this.currentVocabQuestion.prompt,
+          this.vocabTrainerDirection
         );
         debugLog('[VocabLessonView] Choice-Optionen erstellt:', this.vocabTrainerChoiceOptions);
       }