Starlightのサイトを日本語として認識させる

やりたいこと

Starlightで作成したサイトを日本語として認識させる。 Chromeの自動翻訳機能が常に表示されるのを防ぐためである。

ゴール

Webサイトを日本語として認識させるためには、HTMLの<html>タグにlang属性を追加すればよい。

<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>日本語のWebサイト</title>
    </head>
    <body>
        <h1>ようこそ</h1>
        <p>このWebサイトは日本語で表示されています。</p>
    </body>
</html>

やること

設定ファイルにlocales: {root: {label: "日本語", lang: 'ja'}}を追加する。

export default defineConfig({
  integrations: [starlight({
      title: 'yuumaのノート',
      customCss: [
        './src/styles/font-face.css',
      ],
      ...,
      locales: {root: {label: "日本語", lang: 'ja'}},
  })],
  output: 'server',
  adapter: cloudflare(),
});