modify language select style

src/locales/helpers.ts

@@ -612,16 +612,13 @@ export function useI18n() {
             }
 
             const languageInfo = ALL_LANGUAGES[languageTag];
-            let displayName = languageInfo.displayName;
+            const displayName = languageInfo.displayName;
             const languageNameInCurrentLanguage = getLanguageDisplayName(languageInfo.name);
 
-            if (languageNameInCurrentLanguage && languageNameInCurrentLanguage !== displayName) {
-                displayName = `${languageNameInCurrentLanguage} (${displayName})`;
-            }
-
             ret.push({
                 languageTag: languageTag,
-                displayName: displayName
+                displayName: languageNameInCurrentLanguage,
+                nativeDisplayName: displayName
             });
         }
 
@@ -632,7 +629,8 @@ export function useI18n() {
         if (includeSystemDefault) {
             ret.splice(0, 0, {
                 languageTag: '',
-                displayName: t('System Default')
+                displayName: '',
+                nativeDisplayName: t('System Default')
             });
         }
 

src/locales/index.ts

@@ -17,6 +17,7 @@ export interface LanguageInfo {
 export interface LanguageOption {
     readonly languageTag: string;
     readonly displayName: string;
+    readonly nativeDisplayName: string;
 }
 
 export const DEFAULT_LANGUAGE: string = 'en';