Added support for KO and VI

src/i18n/i18n.ts

@@ -2,6 +2,8 @@ import i18n from 'i18next'
 import { initReactI18next } from 'react-i18next'
 
 import en from '@root/i18n/en/_all'
+import ko from '@root/i18n/ko/_all'
+import vi from '@root/i18n/vi/_all'
 import zh_Hans from '@root/i18n/zh-Hans/_all'
 
 i18n.use(initReactI18next).init({
@@ -11,7 +13,7 @@ i18n.use(initReactI18next).init({
   ns: ['common'],
   defaultNS: 'common',
 
-  resources: { 'zh-Hans': zh_Hans, en },
+  resources: { 'zh-Hans': zh_Hans, vi, ko, en },
 
   saveMissing: true,
   missingKeyHandler: (ns, key) => {

src/i18n/ko/_all.ts

@@ -0,0 +1,17 @@
+export default {
+  common: require('./common'),
+
+  screens: require('./screens'),
+  screenActions: require('./screens/actions'),
+  screenAnnouncements: require('./screens/announcements'),
+  screenCompose: require('./screens/compose'),
+  screenImageViewer: require('./screens/imageViewer'),
+  screenTabs: require('./screens/tabs'),
+
+  componentInstance: require('./components/instance'),
+  componentMediaSelector: require('./components/mediaSelector'),
+  componentParse: require('./components/parse'),
+  componentRelationship: require('./components/relationship'),
+  componentRelativeTime: require('./components/relativeTime'),
+  componentTimeline: require('./components/timeline')
+}

src/i18n/locales.ts

@@ -1,6 +1,8 @@
 const LOCALES = {
   en: 'English',
+  ko: '한국어',
+  vi: 'Tiếng Việt',
   'zh-Hans': '简体中文'
-} as {en: string}
+}
 
 export { LOCALES }

src/i18n/vi/_all.ts

@@ -0,0 +1,17 @@
+export default {
+  common: require('./common'),
+
+  screens: require('./screens'),
+  screenActions: require('./screens/actions'),
+  screenAnnouncements: require('./screens/announcements'),
+  screenCompose: require('./screens/compose'),
+  screenImageViewer: require('./screens/imageViewer'),
+  screenTabs: require('./screens/tabs'),
+
+  componentInstance: require('./components/instance'),
+  componentMediaSelector: require('./components/mediaSelector'),
+  componentParse: require('./components/parse'),
+  componentRelationship: require('./components/relationship'),
+  componentRelativeTime: require('./components/relativeTime'),
+  componentTimeline: require('./components/timeline')
+}

src/utils/slices/contextsSlice.ts

@@ -3,8 +3,6 @@ import { RootState } from '@root/store'
 import * as Updates from 'expo-updates'
 import * as StoreReview from 'expo-store-review'
 
-export const supportedLngs = ['zh-Hans', 'en']
-
 export type ContextsState = {
   storeReview: {
     context: Readonly<number>

src/utils/slices/settingsSlice.ts

@@ -1,14 +1,10 @@
 import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { LOCALES } from '@root/i18n/locales'
 import { RootState } from '@root/store'
 import * as Analytics from 'expo-firebase-analytics'
 import * as Localization from 'expo-localization'
 import { pickBy } from 'lodash'
 
-enum AvailableLanguages {
-  'zh-Hans',
-  'en'
-}
-
 export const changeAnalytics = createAsyncThunk(
   'settings/changeAnalytics',
   async (newValue: SettingsState['analytics']) => {
@@ -31,12 +27,10 @@ export const settingsInitialState = {
     enabled: false
   },
   language: Object.keys(
-    pickBy(AvailableLanguages, (_, key) => Localization.locale.includes(key))
+    pickBy(LOCALES, (_, key) => Localization.locale.startsWith(key))
   )
     ? Object.keys(
-        pickBy(AvailableLanguages, (_, key) =>
-          Localization.locale.includes(key)
-        )
+        pickBy(LOCALES, (_, key) => Localization.locale.startsWith(key))
       )[0]
     : 'en',
   theme: 'auto',
@@ -88,10 +82,6 @@ export const getSettingsBrowser = (state: RootState) => state.settings.browser
 export const getSettingsAnalytics = (state: RootState) =>
   state.settings.analytics
 
-export const {
-  changeFontsize,
-  changeLanguage,
-  changeTheme,
-  changeBrowser
-} = settingsSlice.actions
+export const { changeFontsize, changeLanguage, changeTheme, changeBrowser } =
+  settingsSlice.actions
 export default settingsSlice.reducer