add a couple more translations

src/i18n/en-GB.json

@@ -29,6 +29,17 @@
                 "insertKey": "Insert new key",
                 "insertLanguage": "Insert new language",
                 "delete": "Delete selected items"
+            },
+            "prompt": {
+                "newKey": {
+                    "title": "Which key do you want to create?",
+                    "placeholder": "Name of the new key",
+                    "description": "Hint: use `.` to denote nested keys,\ni.e. `this.is.some.key` would be a key that is four levels deep."
+                },
+                "newLanguage": {
+                    "title": "Which language do you want to add?",
+                    "placeholder": "Locale code, i.e. en-GB for Britisch English"
+                }
             }
         }
     },
@@ -39,4 +50,4 @@
             }
         }
     }
-}
+}

src/i18n/nl-NL.json

@@ -29,6 +29,17 @@
                 "insertKey": "Voeg nieuwe sleutel toe",
                 "insertLanguage": "Voeg nieuwe taal toe",
                 "delete": "Verwijder geselecteerde items"
+            },
+            "prompt": {
+                "newKey": {
+                    "title": "Welke sleutel wil je toevoegen?",
+                    "placeholder": "Naam van de nieuwe sleutel",
+                    "description": "Hint: gebruik een `.` voor geneste sleutels,\nbijv. `this.is.some.key` is een sleutel die vier lagen diep is."
+                },
+                "newLanguage": {
+                    "title": "Welke taal wil je toevoegen?",
+                    "placeholder": "Landcode, bijv. en-GB voor Brits Engels"
+                }
             }
         }
     },

src/routes/(editor)/edit.tsx

@@ -346,12 +346,12 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
             </Menu.Item>
         </Menu.Root>
 
-        <Prompt api={setNewKeyPrompt} title="Which key do you want to create?" description={<>hint: use <code>.</code> to denote nested keys,<br /> i.e. <code>this.is.some.key</code> would be a key that is four levels deep</>}>
+        <Prompt api={setNewKeyPrompt} title={t('page.edit.prompt.newKey.title')} description={t('page.edit.prompt.newKey.description')}>
-            <input name="key" placeholder="name of new key ()" value="keyF.some.deeper.nested.value" />
+            <input name="key" placeholder={t('page.edit.prompt.newKey.placeholder')} />
         </Prompt>
 
-        <Prompt api={setNewLanguagePrompt}>
+        <Prompt api={setNewLanguagePrompt} title={t('page.edit.prompt.newLanguage.title')}>
-            <input name="locale" placeholder="locale code, i.e. en-GB" value="fr-FR" />
+            <input name="locale" placeholder={t('page.edit.prompt.newLanguage.placeholder')} />
         </Prompt>
 
         <Sidebar as="aside" label={tree().name} class={css.sidebar}>