i18n(zh-cn): Update i18n.mdx & Update customization.mdx

[liruifengv]

What kind of changes does this PR include?

• Changes or translations of Starlight docs site content

Description

• Update i18n.mdx
• Update customization.mdx

[changeset-bot]

⚠️ No Changeset found

Latest commit: e8671d8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[netlify]

👷 Deploy Preview for astro-starlight processing.

Name	Link
🔨 Latest commit	e8671d8
🔍 Latest deploy log	https://app.netlify.com/sites/astro-starlight/deploys/6530cc91dfd8a200084fd367

[liruifengv]

Maybe build-in support languages in i18n.mdx also can be written as a component, like the social component.

Because we support more and more languages.

[HiDeoo]

Maybe build-in support languages in i18n.mdx also can be written as a component, like the social component.

This is an interesting idea.

I guess we could maybe use Intl.DisplayNames to get proper language display names based on the current page locale and Intl.ListFormat to get a listing properly formatted for the current locale, e.g. something like:

// Available at build time
const currentPageLang = "fr";
// Generated based on the list of supported languages
const supportedLangs = ["ar", "en", "fr", "zh-CN"];

const langNames = new Intl.DisplayNames([currentPageLang], {
  type: "language",
});

const langList = new Intl.ListFormat(currentPageLang, {
  style: "long",
  type: "conjunction",
}).format(supportedLangs.map((supportedLang) => langNames.of(supportedLang)));

This would give for example:

• In English: Arabic, English, French, and Chinese (China)
• In French: arabe, anglais, français et chinois (Chine)
• In Chinese: 阿拉伯语、英语、法语和中文（中国）

[delucis]

LGTM — thanks @liruifengv!

@HiDeoo Would definitely be interested to see that in a PR! I’d actually considered if it was possible before but dismissed it as not possible because of the need to translate the language names — didn’t know about that part of Intl. (Not for the first time you surprise me with Intl magic — I should probably brush up on it.)