@kuankuan/assist-2026 0.1.4 → 0.1.6

package/dist/i18n.d.ts

@@ -3,6 +3,8 @@ import { type Ref } from 'vue';
 export default class I18nInstance {
     readonly messages: unknown;
     readonly langs: string[];
+    private readonly storageKey;
+    readonly languageNameMap: Record<string, string>;
     private readonly localSettingLanguage;
     private readonly browserLanguage;
     readonly languageList: {
@@ -11,7 +13,7 @@ export default class I18nInstance {
     }[];
     readonly language: Ref<string>;
     readonly i18n: I18n<any, Record<string, unknown>, Record<string, unknown>, string, false>;
-    constructor(messages: unknown, langs: string[], storageKey?: string);
+    constructor(messages: unknown, langs: string[], storageKey?: string, languageNameMap?: Record<string, string>);
     t(key: string): string;
     tRef(key: string): import("vue").ComputedRef<string>;
     languageName(lan: string): Ref<string, string> | import("vue").ComputedRef<string>;

package/dist/i18n.js

@@ -21,25 +21,34 @@ function getBrowserLanguageInLangs(langs) {
     }
     return langs[0] || 'en-us';
 }
+const languageNameMapPreset = {
+    'zh-tw': '繁体中文',
+    'zh-cn': '简体中文',
+    'en-us': 'English',
+};
 export default class I18nInstance {
     messages;
     langs;
+    storageKey;
+    languageNameMap;
     localSettingLanguage;
     browserLanguage;
     languageList;
     language;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     i18n;
-    constructor(messages, langs, storageKey = '_vue_i18n_main_locale') {
+    constructor(messages, langs, storageKey = '_vue_i18n_main_locale', languageNameMap = languageNameMapPreset) {
         this.messages = messages;
         this.langs = langs;
+        this.storageKey = storageKey;
+        this.languageNameMap = languageNameMap;
         // eslint-disable-next-line @typescript-eslint/no-this-alias
         const now = this;
         this.languageList = ['_auto', ...langs].map((i) => ({
             id: i,
             name: this.languageName(i),
         }));
-        this.localSettingLanguage = storageRef(storageKey, '_auto');
+        this.localSettingLanguage = storageRef(this.storageKey, '_auto');
         this.browserLanguage = computed(() => getBrowserLanguageInLangs(browserLanguageSetting.value));
         watch(() => now.localSettingLanguage.value, (newValue) => {
             if (newValue !== '_auto' && !now.langs.includes(newValue)) {
@@ -76,7 +85,10 @@ export default class I18nInstance {
     }
     languageName(lan) {
         if (lan === '_auto') {
-            return computed(() => `Auto-${this.languageName(this.browserLanguage.value)}`);
+            return computed(() => `Auto-${this.languageName(this.browserLanguage.value).value}`);
+        }
+        if (lan in this.languageNameMap) {
+            return ref(this.languageNameMap[lan]);
         }
         return ref(new Intl.DisplayNames([lan], { type: 'language' }).of(lan) || lan);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kuankuan/assist-2026",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "A toolset from kuankuan",
   "main": "dist/index.js",
   "scripts": {

package/src/i18n.ts

@@ -24,7 +24,11 @@ function getBrowserLanguageInLangs(langs: string[]) {
   }
   return langs[0] || 'en-us';
 }
-
+const languageNameMapPreset = {
+  'zh-tw': '繁体中文',
+  'zh-cn': '简体中文',
+  'en-us': 'English',
+};
 export default class I18nInstance {
   private readonly localSettingLanguage: Ref<string>;
   private readonly browserLanguage: Ref<string>;
@@ -37,7 +41,8 @@ export default class I18nInstance {
   constructor(
     public readonly messages: unknown,
     public readonly langs: string[],
-    storageKey: string = '_vue_i18n_main_locale'
+    private readonly storageKey: string = '_vue_i18n_main_locale',
+    public readonly languageNameMap: Record<string, string> = languageNameMapPreset
   ) {
     // eslint-disable-next-line @typescript-eslint/no-this-alias
     const now = this;
@@ -45,7 +50,7 @@ export default class I18nInstance {
       id: i,
       name: this.languageName(i),
     }));
-    this.localSettingLanguage = storageRef(storageKey, '_auto');
+    this.localSettingLanguage = storageRef(this.storageKey, '_auto');
     this.browserLanguage = computed(() => getBrowserLanguageInLangs(browserLanguageSetting.value));
     watch(
       () => now.localSettingLanguage.value,
@@ -88,7 +93,10 @@ export default class I18nInstance {
   }
   languageName(lan: string) {
     if (lan === '_auto') {
-      return computed((): string => `Auto-${this.languageName(this.browserLanguage.value)}`);
+      return computed((): string => `Auto-${this.languageName(this.browserLanguage.value).value}`);
+    }
+    if (lan in this.languageNameMap) {
+      return ref(this.languageNameMap[lan]);
     }
     return ref(new Intl.DisplayNames([lan], { type: 'language' }).of(lan) || lan);
   }