404 page: the site header and footer follow the visitor's language too

[fylorn]

GitHub Pages serves one 404 page for every address, built as an English page. Its script switched the body to Chinese for Chinese visitors, but the header, the footer and the search box stayed English.

• SiteHeader, SiteFooter and SearchModal take a bilingual prop, which only the 404 page sets. With it:
  • every piece of text is rendered in both languages, through a small Bi component;
  • links carry data-localize, so the page's script points them at /zh-CN;
  • attributes that are not text (aria-labels, and the search box's placeholder, hints and scope labels) carry their Chinese values in data-zh-attrs, which the script swaps in;
  • the language menu marks the visitor's language.
• Every other page renders exactly as before. The header, footer and search dialog of the live Chinese home page and a docs page are identical to this build's, ignoring Astro's scope ids and the star count.

Checked in headless Chromium:

• Chinese 404 at 1440 px: navigation, button, logo link, language menu, search texts, burger label and footer are all Chinese, and the links lead to /zh-CN/….
• English 404: unchanged.
• 390 px: the opened mobile menu is Chinese.
• tsc --noEmit is clean.

🤖 Generated with Claude Code