From 2f88bf6824674deafd5daa31aa8c4b7c7426c759 Mon Sep 17 00:00:00 2001
From: Ryan Cao <70191398+ryanccn@users.noreply.github.com>
Date: Wed, 4 Jan 2023 23:22:56 +0800
Subject: [PATCH] i10n: localize font sizes in settings (#775)

---
 components/settings/SettingsFontSize.vue | 2 +-
 locales/en-US.json                       | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/settings/SettingsFontSize.vue b/components/settings/SettingsFontSize.vue
index 17419f09..91d5dfc0 100644
--- a/components/settings/SettingsFontSize.vue
+++ b/components/settings/SettingsFontSize.vue
@@ -9,7 +9,7 @@ const fontSize = useFontSizeRef()
 <template>
   <select v-model="fontSize">
     <option v-for="size in sizes" :key="size" :value="size" :selected="fontSize === size">
-      {{ `${size}${size === DEFAULT_FONT_SIZE ? $t('settings.interface.default') : ''}` }}
+      {{ `${$t(`settings.interface.size_label.${size}`)}${size === DEFAULT_FONT_SIZE ? $t('settings.interface.default') : ''}` }}
     </option>
   </select>
 </template>
diff --git a/locales/en-US.json b/locales/en-US.json
index b0a336a0..d514a804 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -248,7 +248,14 @@
       "default": " (default)",
       "font_size": "Font Size",
       "label": "Interface",
-      "light_mode": "Light Mode"
+      "light_mode": "Light Mode",
+      "size_label": {
+        "lg": "Large",
+        "md": "Medium",
+        "sm": "Small",
+        "xl": "Extra large",
+        "xs": "Extra small"
+      }
     },
     "language": {
       "display_language": "Display Language",