fix: match html lang and hreflang

xiaohanyu · xiaohanyu · commit 35255f8aa45b · 2026-03-16T15:28:58.000+08:00
diff --git a/src/app/[language]/layout.tsx b/src/app/[language]/layout.tsx
@@ -43,6 +43,10 @@ export default async function LanguageLayout({
   const currentLanguage = language || defaultLanguage
 
   return (
-    <RootProvider i18n={provider(currentLanguage)}>{children}</RootProvider>
+    <html lang={currentLanguage} suppressHydrationWarning>
+      <body>
+        <RootProvider i18n={provider(currentLanguage)}>{children}</RootProvider>
+      </body>
+    </html>
   )
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -104,7 +104,8 @@ export function generateStaticParams() {
 
 export default function RootLayout({ children }: { children: ReactNode }) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    // biome-ignore lint/a11y/useHtmlLang: lang is set dynamically in [language]/layout.tsx
+    <html suppressHydrationWarning>
       <head />
       <body className="flex flex-col min-h-screen">
         <RootProvider i18n={provider('en')}>

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,10 @@ export default async function LanguageLayout({`
`43`	`43`	`const currentLanguage = language \|\| defaultLanguage`
`44`	`44`
`45`	`45`	`return (`
`46`		`- <RootProvider i18n={provider(currentLanguage)}>{children}</RootProvider>`
	`46`	`+ <html lang={currentLanguage} suppressHydrationWarning>`
	`47`	`+ <body>`
	`48`	`+ <RootProvider i18n={provider(currentLanguage)}>{children}</RootProvider>`
	`49`	`+ </body>`
	`50`	`+ </html>`
`47`	`51`	`)`
`48`	`52`	`}`