feat(locale): more localisation for display category

1 files changed, 37 insertions, 18 deletions

diff --git a/src/lib/Settings/Categories/Display.svelte b/src/lib/Settings/Categories/Display.svelte
index b844c00d..e6898de9 100644
--- a/src/lib/Settings/Categories/Display.svelte
+++ b/src/lib/Settings/Categories/Display.svelte
@@ -86,13 +86,23 @@
 
 <p />
 
-<b>{$_('settings.display.categories.motion_and_accessibility')}</b><br />
+<b>{$_('settings.display.categories.motionAndAccessibility.title')}</b><br />
 <SettingCheckboxToggle
 	setting="displayDisableAnimations"
-	text="Disable page transition animations"
+	text={$_(
+		'settings.display.categories.motionAndAccessibility.fields.disablePageTransitionAnimations'
+	)}
+/>
+<SettingCheckboxToggle
+	setting="displayDisableNotifications"
+	text={$_('settings.display.categories.motionAndAccessibility.fields.disableNotifications')}
+/>
+<SettingCheckboxToggle
+	setting="displayLimitListHeight"
+	text={$_(
+		'settings.display.categories.motionAndAccessibility.fields.limitPanelAreaToScreenHeight'
+	)}
 />
-<SettingCheckboxToggle setting="displayDisableNotifications" text="Disable notifications" />
-<SettingCheckboxToggle setting="displayLimitListHeight" text="Limit panel area to screen height" />
 <select bind:value={$settings.displayLanguage}>
 	<option value="en">
 		{$_('settings.languages.english', {
@@ -105,7 +115,7 @@
 		})}</option
 	>
 </select>
-Interface language
+{$_('settings.display.categories.motionAndAccessibility.fields.interfaceLanguage')}
 <button class="unclickable-button button-badge badge-info"
 	>{$_('settings.display.tooltips.beta')}</button
 >
@@ -132,7 +142,7 @@ Interface language
 
 <p />
 
-<b>{$_('settings.display.categories.media')}</b><br />
+<b>{$_('settings.display.categories.media.title')}</b><br />
 <SettingCheckboxToggle
 	setting="displayHoverCover"
 	text="Show media cover when hovering on supported media titles"
@@ -172,14 +182,23 @@ Interface language
 {/if}
 <SettingCheckboxToggle setting="displaySocialButton" text="Show social tab shortcut for media" />
 <select bind:value={$settings.displayTitleFormat}>
-	<option value="english">English</option>
-	<option value="romaji">Romaji</option>
-	<option value="native">Native</option>
+	<option value="english">
+		{$_('settings.display.categories.media.fields.mediaTitleFormat.options.english')}
+	</option>
+	<option value="romaji">
+		{$_('settings.display.categories.media.fields.mediaTitleFormat.options.romaji')}
+	</option>
+	<option value="native">
+		{$_('settings.display.categories.media.fields.mediaTitleFormat.options.native')}
+	</option>
 </select>
-Media title format
+{$_('settings.display.categories.media.fields.mediaTitleFormat.title')}
 {#if $settings.displayTitleFormat === 'native'}
 	&nbsp;
-	<SettingCheckboxToggle setting="displayFurigana" text="Show furigana" />
+	<SettingCheckboxToggle
+		setting="displayFurigana"
+		text={$_('settings.display.categories.media.fields.mediaTitleFormat.fields.showFurigana')}
+	/>
 {:else}
 	<br />
 {/if}
@@ -192,7 +211,7 @@ Media title format
 	<option value="animeschedule">AnimeSchedule</option>
 	<option value="myanimelist">MyAnimeList</option>
 </select>
-Outbound links
+{$_('settings.display.categories.media.fields.outboundLinks')}
 <SettingHint lineBreak>
 	If LiveChart.me or AnimeSchedule is chosen, manga links will default to AniList.
 </SettingHint><br />
@@ -218,10 +237,10 @@ Outbound links
 <br />
 
 <select bind:value={$settings.displayAoButa} on:change={onHelperChange}>
-	<option value="mai">Mai</option>
-	<option value="nodoka">Nodoka</option>
-	<option value="kaede">Kaede</option>
-	<option value="none">None</option>
+	<option value="mai">{$_('settings.display.categories.helper.options.mai')}</option>
+	<option value="nodoka">{$_('settings.display.categories.helper.options.nodoka')}</option>
+	<option value="kaede">{$_('settings.display.categories.helper.options.kaede')}</option>
+	<option value="none">{$_('settings.display.categories.helper.options.none')}</option>
 </select>
-Helper
-<SettingHint lineBreak>Let them remind you. It's for your own benefit.</SettingHint>
+{$_('settings.display.categories.helper.title')}
+<SettingHint lineBreak>{$_('settings.display.categories.helper.hint')}</SettingHint>