🌐 Added more string to translate

frontend/src/lib/editor/ABCDEditorPart.svelte

@@ -8,6 +8,9 @@
 	import { fade } from 'svelte/transition';
 	import { reach } from 'yup';
 	import { ABCDQuestionSchema } from '$lib/yupSchemas';
+	import { getLocalization } from '$lib/i18n';
+
+	const { t } = getLocalization();
 
 	const empty_answer: Answer = {
 		right: false,
@@ -91,7 +94,7 @@
 				];
 			}}
 		>
-			<span class="italic text-center">Add an answer</span>
+			<span class="italic text-center">{$t('editor_page.add_an_answer')}</span>
 		</button>
 	{/if}
 </div>

frontend/src/lib/editor/card.svelte

@@ -14,6 +14,9 @@
 	import { createTippy } from 'svelte-tippy';
 	import 'tippy.js/animations/perspective-subtle.css';
 	import 'tippy.js/dist/tippy.css';
+	import { getLocalization } from '$lib/i18n';
+
+	const { t } = getLocalization();
 
 	const tippy = createTippy({
 		arrow: true,
@@ -160,8 +163,8 @@
 					name="Answer-Type"
 					bind:value={data.questions[selected_question].type}
 				>
-					<option value={QuizQuestionType.RANGE}>Range</option>
-					<option value={QuizQuestionType.ABCD}>Multiple-Choice</option>
+					<option value={QuizQuestionType.RANGE}>{$t('words.range')}</option>
+					<option value={QuizQuestionType.ABCD}>{$t('words.multiple_choice')}</option>
 				</select>
 			</div>
 			<div class="flex justify-center pt-10 w-full">
@@ -175,7 +178,7 @@
 					<RangeEditor bind:selected_question bind:data />
 				{/if}
 			</div>
-			<p class="italic text-center mt-auto pt-4">Right-click on an answer to delete it!</p>
+			<p class="italic text-center mt-auto pt-4">{$t('editor_page.right_click_to_delete')}</p>
 		</div>
 	</div>
 </div>

frontend/src/lib/editor/settings-card.svelte

@@ -5,6 +5,9 @@
   -->
 <script lang="ts">
 	import type { EditorData } from '$lib/quiz_types';
+	import { getLocalization } from '$lib/i18n';
+
+	const { t } = getLocalization();
 
 	export let data: EditorData;
 </script>
@@ -62,7 +65,7 @@
 								d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 							/>
 						</svg>
-						<span>Public</span>
+						<span>{$t('words.public')}</span>
 					{:else}
 						<svg
 							class="w-8 h-8 inline-block"
@@ -78,7 +81,7 @@
 								d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
 							/>
 						</svg>
-						<span>Private</span>
+						<span>{$t('words.private')}</span>
 					{/if}
 				</button>
 			</div>

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

@@ -104,7 +104,10 @@
         "correct": "Correct",
         "result": "Result",
         "result_plural": "Results",
-        "count": "Count"
+        "count": "Count",
+        "range": "",
+        "multiple_choice": "",
+        "private": ""
     },
     "editor": {
         "time_in_seconds": "Time in seconds",
@@ -156,5 +159,9 @@
         "2nd_place": "2nd Place",
         "3rd place": "3rd Place",
         "with_out_of": "with {{correct_questions}} out of {{total_question_count}}"
+    },
+    "editor_page": {
+        "add_an_answer": "",
+        "right_click_to_delete": ""
     }
 }