i18n.t: updates

src/lib/components/chat/Settings/Account/UpdatePassword.svelte

@@ -29,7 +29,7 @@
 			newPasswordConfirm = '';
 		} else {
 			toast.error(
-				`The passwords you entered don't quite match. Please double-check and try again.`
+				$i18n.t('The passwords you entered don\'t quite match. Please double-check and try again.')
 			);
 			newPassword = '';
 			newPasswordConfirm = '';

src/lib/components/chat/Settings/Audio.svelte

@@ -187,7 +187,7 @@
 						<select
 							class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
 							bind:value={STTEngine}
-							placeholder="Select an engine"
+							placeholder={$i18n.t('Select an engine')}
 						>
 							<option value="">{$i18n.t('Default')}</option>
 							<option value="web">{$i18n.t('Web API')}</option>
@@ -246,7 +246,7 @@
 					<select
 						class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
 						bind:value={TTSEngine}
-						placeholder="Select an engine"
+						placeholder={$i18n.t('Select an engine')}
 					>
 						<option value="">{$i18n.t('Default')}</option>
 						<option value="browser-kokoro">{$i18n.t('Kokoro.js (Browser)')}</option>
@@ -261,7 +261,7 @@
 						<select
 							class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
 							bind:value={TTSEngineConfig.dtype}
-							placeholder="Select dtype"
+							placeholder={$i18n.t('Select dtype')}
 						>
 							<option value="" disabled selected>Select dtype</option>
 							<option value="fp32">fp32</option>
@@ -319,7 +319,7 @@
 								list="voice-list"
 								class="w-full text-sm bg-transparent dark:text-gray-300 outline-hidden"
 								bind:value={voice}
-								placeholder="Select a voice"
+								placeholder={$i18n.t('Select a voice')}
 							/>
 
 							<datalist id="voice-list">
@@ -387,7 +387,7 @@
 							list="voice-list"
 							class="w-full text-sm bg-transparent dark:text-gray-300 outline-hidden"
 							bind:value={voice}
-							placeholder="Select a voice"
+							placeholder={$i18n.t('Select a voice')}
 						/>
 
 						<datalist id="voice-list">

src/lib/components/chat/Settings/General.svelte

@@ -203,7 +203,7 @@
 							? ''
 							: 'outline-hidden'}"
 						bind:value={selectedTheme}
-						placeholder="Select a theme"
+						placeholder={$i18n.t('Select a theme')}
 						on:change={() => themeChangeHandler(selectedTheme)}
 					>
 						<option value="system">⚙️ {$i18n.t('System')}</option>
@@ -225,7 +225,7 @@
 							? ''
 							: 'outline-hidden'}"
 						bind:value={lang}
-						placeholder="Select a language"
+						placeholder={$i18n.t('Select a language')}
 						on:change={(e) => {
 							changeLanguage(lang);
 						}}

src/lib/components/chat/Settings/Interface.svelte

@@ -1141,7 +1141,7 @@
 								aria-labelledby="image-comp-width"
 								class="w-20 bg-transparent outline-hidden text-center"
 								min="0"
-								placeholder="Width"
+								placeholder={$i18n.t('Width')}
 							/>x
 							<label class="sr-only" for="image-comp-height"
 								>{$i18n.t('Image Max Compression Size height')}</label
@@ -1152,7 +1152,7 @@
 								aria-labelledby="image-comp-height"
 								class="w-20 bg-transparent outline-hidden text-center"
 								min="0"
-								placeholder="Height"
+								placeholder={$i18n.t('Height')}
 							/>
 						</div>
 					</div>