Merge pull request #521 from pycontw/feat/add-icon-on-locale-switch

feat(header/locale): add icon and adjust
pycontw · May 11, 2024 · c03352d · c03352d
2 parents 1ccaa7f + ce0507d
commit c03352d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/components/core/header/locale-switch/LocaleSwitch.i18n.js b/components/core/header/locale-switch/LocaleSwitch.i18n.js
@@ -3,10 +3,10 @@ import { genI18nMessages } from '~/utils/i18n.utils'
 export default genI18nMessages({
     'en-us': {
         'en-us': 'EN',
-        'zh-hant': 'ZH',
+        'zh-hant': '中文',
     },
     'zh-hant': {
-        'en-us': '英文',
+        'en-us': 'EN',
         'zh-hant': '中文',
     },
 })
diff --git a/components/core/header/locale-switch/LocaleSwitch.vue b/components/core/header/locale-switch/LocaleSwitch.vue
@@ -2,6 +2,11 @@
     <div class="core-localeSwitch h-full">
         <nav-bar-item-dropdown sm>
             <template #label>
+                <img
+                    src="~/static/locale-icon.svg"
+                    :alt="`Locale Icon`"
+                    class="w-4 pr-1"
+                />
                 {{ $t($i18n.locale) }}
             </template>
             <template v-slot:items="{ hideMenu }">

diff --git a/static/locale-icon.svg b/static/locale-icon.svg