danvics/Sink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: use locale for Intl.DisplayNames rendering

Browse source 
Updates formatting of country and language names to respect the user's locale instead of hardcoding to English ('en').

Includes commented placeholder for future timezone support via Intl.TimeZone API.
This commit is contained in:
ccbikai 2025-05-11 14:41:37 +08:00
parent d580a9f882
commit cd16254dbc
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/components/dashboard/analysis/metrics/name/Index.vue
View file

@ -10,19 +10,28 @@ defineProps({
},
})
const locale = useI18n().locale
function formatName(name, type) {
if (!name || typeof Intl === 'undefined')
return name
try {
if (type === 'country') {
const regionNames = new Intl.DisplayNames(['en'], { type: 'region' })
const regionNames = new Intl.DisplayNames([locale.value], { type: 'region' })
return `${getFlag(name)} ${regionNames.of(name)}`
}
if (type === 'language') {
const languageNames = new Intl.DisplayNames(['en'], { type: 'language' })
const languageNames = new Intl.DisplayNames([locale.value], { type: 'language' })
return languageNames.of(name)
}
// TODO: Add support for timezone
// if (type === 'timezone' && typeof Intl.TimeZone === 'function') {
// const tz = new Intl.TimeZone(name)
// return tz.getDisplayName(locale.value, { type: 'long' })
// }
return name
}
catch (e) {