From 2df646792d72278369ca67cf66bc8e6ac8fa33b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Tue, 29 Nov 2022 00:49:30 +0800
Subject: [PATCH] refactor: get locales from i18n config

---
 components/nav/SelectLanguage.vue | 28 ++++++++--------------------
 1 file changed, 8 insertions(+), 20 deletions(-)

diff --git a/components/nav/SelectLanguage.vue b/components/nav/SelectLanguage.vue
index fa71789e..accf9c6d 100644
--- a/components/nav/SelectLanguage.vue
+++ b/components/nav/SelectLanguage.vue
@@ -1,24 +1,12 @@
 <script lang="ts" setup>
+import type { LocaleObject } from '@nuxtjs/i18n/dist/runtime/composables'
+import type { ComputedRef } from 'vue'
 import { STORAGE_KEY_LANG } from '~/constants'
 
 const { locale, t } = useI18n()
 useLocalStorage(STORAGE_KEY_LANG, locale)
 
-// TODO: read from $i18n https://i18n.nuxtjs.org/lang-switcher
-const languageList = [
-  {
-    value: 'en-US',
-    label: 'English',
-  },
-  {
-    value: 'de-DE',
-    label: 'Deutsch',
-  },
-  {
-    value: 'zh-CN',
-    label: '简体中文',
-  },
-]
+const { locales } = useI18n() as { locales: ComputedRef<LocaleObject[]> }
 </script>
 
 <template>
@@ -30,12 +18,12 @@ const languageList = [
 
       <template #popper>
         <CommonDropdownItem
-          v-for="item in languageList"
-          :key="item.value"
-          :checked="item.value === locale"
-          @click="locale = item.value"
+          v-for="item in locales"
+          :key="item.code"
+          :checked="item.code === locale"
+          @click="locale = item.code"
         >
-          {{ item.label }}
+          {{ item.name }}
         </CommonDropdownItem>
       </template>
     </CommonDropdown>