Test adding context to a translated string

Author: myieye

frontend/viewer/src/home/HomeView.svelte

@@ -29,6 +29,7 @@
   import FeedbackDialog from '$lib/about/FeedbackDialog.svelte';
   import DeleteDialog from '$lib/entry-editor/DeleteDialog.svelte';
   import {SYNC_DIALOG_QUERY_PARAM} from '../project/SyncDialog.svelte';
+  import {s} from '$lib/i18n';
 
   const projectsService = useProjectsService();
   const importFwdataService = useImportFwdataService();
@@ -143,6 +144,7 @@
     <div class="text-lg flex gap-2 items-center">
       <Icon onclick={clickIcon} src={mode.current === 'dark' ? logoLight : logoDark} class="size-8" alt={$t`Lexbox logo`}/>
       <h3>{$t`Dictionaries`}</h3>
+      {s.clear}
     </div>
   {/snippet}
 

frontend/viewer/src/lib/components/field-editors/multi-select.svelte

@@ -15,6 +15,7 @@
   import {slide} from 'svelte/transition';
   import {watch} from 'runed';
   import {computeCommandScore} from 'bits-ui';
+  import {s} from '$lib/i18n';
 
   type Value = ReadonlyDeep<MutableValue>;
 
@@ -199,7 +200,7 @@
       <div class="flex items-center gap-2 flex-nowrap">
         {#if IsMobile.value}
           {#if filterValue}
-            <XButton onclick={() => (filterValue = '')} aria-label={$t`clear`} />
+            <XButton onclick={() => (filterValue = '')} aria-label={$t(s.clear)} />
           {/if}
         {:else}
           {#if dirty}

frontend/viewer/src/lib/components/field-editors/select.svelte

@@ -10,6 +10,7 @@
   import {cn} from '$lib/utils';
   import {watch} from 'runed';
   import {computeCommandScore} from 'bits-ui';
+  import {s} from '$lib/i18n';
 
   type Value = ReadonlyDeep<MutableValue>;
 
@@ -113,7 +114,7 @@
       <div class="flex items-center gap-2 flex-nowrap">
         {#if IsMobile.value}
           {#if filterValue}
-            <XButton onclick={() => (filterValue = '')} aria-label={$t`clear`} />
+            <XButton onclick={() => (filterValue = '')} aria-label={$t(s.clear)} />
           {/if}
         {:else}
           <XButton onclick={dismiss} />

frontend/viewer/src/lib/i18n/index.ts

@@ -1,5 +1,7 @@
-import {locale} from 'svelte-i18n-lingui';
 import {createSubscriber} from 'svelte/reactivity';
+import {locale} from 'svelte-i18n-lingui';
+
+export * from './strings.svelte'
 
 const hasSetLang = {value: false};
 const subscriber = createSubscriber(update => {

frontend/viewer/src/lib/i18n/strings.svelte.ts

@@ -0,0 +1,10 @@
+import {gt} from 'svelte-i18n-lingui';
+
+export const s = {
+  get clear() {
+    return gt({
+      message: 'clear',
+      comment: 'Button to clear/empty a text field e.g. when filtering for semantic domains',
+    });
+  },
+};

frontend/viewer/src/locales/en.po

@@ -205,8 +205,8 @@ msgstr "Citation Form"
 msgid "Classic FieldWorks Projects"
 msgstr "Classic FieldWorks Projects"
 
-#: src/lib/components/field-editors/select.svelte
-#: src/lib/components/field-editors/multi-select.svelte
+#. Button to clear/empty a text field e.g. when filtering for semantic domains
+#: src/lib/i18n/strings.svelte.ts
 msgid "clear"
 msgstr "clear"
 

frontend/viewer/src/locales/es.po

@@ -210,8 +210,8 @@ msgstr "Formulario de citación"
 msgid "Classic FieldWorks Projects"
 msgstr "Proyectos clásicos de FieldWorks"
 
-#: src/lib/components/field-editors/select.svelte
-#: src/lib/components/field-editors/multi-select.svelte
+#. Button to clear/empty a text field e.g. when filtering for semantic domains
+#: src/lib/i18n/strings.svelte.ts
 msgid "clear"
 msgstr "borrar"
 

frontend/viewer/src/locales/fr.po

@@ -210,10 +210,10 @@ msgstr "Formulaire de citation"
 msgid "Classic FieldWorks Projects"
 msgstr "Projets FieldWorks classiques"
 
-#: src/lib/components/field-editors/select.svelte
-#: src/lib/components/field-editors/multi-select.svelte
+#. Button to clear/empty a text field e.g. when filtering for semantic domains
+#: src/lib/i18n/strings.svelte.ts
 msgid "clear"
-msgstr "clair"
+msgstr ""
 
 #: src/project/tasks/SubjectPopup.svelte
 #: src/lib/components/ui/button/x-button.svelte

frontend/viewer/src/locales/id.po

@@ -210,10 +210,10 @@ msgstr "Formulir Kutipan"
 msgid "Classic FieldWorks Projects"
 msgstr "Proyek FieldWorks Klasik"
 
-#: src/lib/components/field-editors/select.svelte
-#: src/lib/components/field-editors/multi-select.svelte
+#. Button to clear/empty a text field e.g. when filtering for semantic domains
+#: src/lib/i18n/strings.svelte.ts
 msgid "clear"
-msgstr "jelas"
+msgstr ""
 
 #: src/project/tasks/SubjectPopup.svelte
 #: src/lib/components/ui/button/x-button.svelte

frontend/viewer/src/locales/ko.po

@@ -210,10 +210,10 @@ msgstr "인용 양식"
 msgid "Classic FieldWorks Projects"
 msgstr "클래식 FieldWorks 프로젝트"
 
-#: src/lib/components/field-editors/select.svelte
-#: src/lib/components/field-editors/multi-select.svelte
+#. Button to clear/empty a text field e.g. when filtering for semantic domains
+#: src/lib/i18n/strings.svelte.ts
 msgid "clear"
-msgstr "clear"
+msgstr ""
 
 #: src/project/tasks/SubjectPopup.svelte
 #: src/lib/components/ui/button/x-button.svelte