fix invalid_argument in DisplayNames.of

Author: eagleoflqj

package.json

@@ -11,16 +11,16 @@
     "build": "vite build && vue-tsc -d --emitDeclarationOnly"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.12.0",
-    "@vitejs/plugin-vue": "^5.2.3",
-    "eslint": "^9.24.0",
+    "@antfu/eslint-config": "^4.13.0",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "eslint": "^9.26.0",
     "fcitx5-js": "file:cache/fcitx5-js.tgz",
     "naive-ui": "^2.41.0",
     "typescript": "5.8.3",
-    "vite": "^6.2.6",
+    "vite": "^6.3.5",
     "vooks": "^0.2.12",
     "vue": "^3.5.13",
     "vue-i18n": "11",
-    "vue-tsc": "^2.2.8"
+    "vue-tsc": "^2.2.10"
   }
 }

src/InputMethodConfig.vue

@@ -10,6 +10,15 @@ import PlusButton from './PlusButton.vue'
 import { extractValue } from './util'
 
 const languageName = new Intl.DisplayNames(navigator.language, { type: 'language' })
+
+function getNameOf(code: string) {
+  try {
+    return languageName.of(code) ?? code
+  }
+  catch { // e.g. code === '*' (m17n math-latex)
+    return code
+  }
+}
 </script>
 
 <script setup lang="ts">
@@ -93,8 +102,8 @@ watchEffect(() => {
     if (!b) {
       return -1
     }
-    const la = languageName.of(a) ?? a
-    const lb = languageName.of(b) ?? b
+    const la = getNameOf(a)
+    const lb = getNameOf(b)
     if (a === la && b !== lb) {
       return 1
     }
@@ -105,7 +114,7 @@ watchEffect(() => {
   })
   for (const languageCode of sortedLanguageCodes) {
     languageOptions.value.push({
-      label: languageCode ? (languageName.of(languageCode) ?? languageCode) : 'Unknown',
+      label: languageCode ? getNameOf(languageCode) : 'Unknown',
       key: languageCode,
     })
   }