From 725912bbe67bfb1f3605baf87a72c7e23a9728b4 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Tue, 10 Sep 2024 19:52:24 +0200
Subject: [PATCH] fix: set the language code attribute in <html> tag to "en-US"
 for both app router and pages router

---
 app/layout.tsx      |  2 +-
 pages/_document.tsx | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 pages/_document.tsx
diff --git a/app/layout.tsx b/app/layout.tsx
index e116006..72e1582 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -46,7 +46,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en-US" suppressHydrationWarning>
       <body className={`antialiased ${poppins.className}`}>
         <ThemeProvider
           attribute="class"
diff --git a/pages/_document.tsx b/pages/_document.tsx
new file mode 100644
index 0000000..da3120b
--- /dev/null
+++ b/pages/_document.tsx
@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from "next/document";
+
+export default function Document() {
+  return (
+    <Html lang="en-US">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
