✨ Make lang configurable in Layout

Frontendland · Frontendland · commit 2113a2546d50 · 2025-03-31T13:22:31.000+02:00
diff --git a/src/blocks/Layout/Layout.astro b/src/blocks/Layout/Layout.astro
@@ -10,6 +10,7 @@ interface Props extends LayoutProps {}
 
 const {
     seo,
+    lang = 'en',
     menu,
     footer,
     className,
@@ -28,7 +29,7 @@ const containerClasses = [
 ---
 
 <!doctype html>
-<html lang="en">
+<html lang={lang}>
     <head>
         <SEO {...seo} />
     </head>
diff --git a/src/blocks/Layout/Layout.svelte b/src/blocks/Layout/Layout.svelte
@@ -10,6 +10,7 @@
 
     const {
         seo,
+        lang = 'en',
         menu,
         footer,
         className,
@@ -33,7 +34,7 @@
     ])
 </script>
 
-<html lang="en">
+<html lang={lang}>
     <!-- eslint-disable-next-line svelte/no-raw-special-elements -->
     <head>
         <SEO {...seo} />
diff --git a/src/blocks/Layout/Layout.tsx b/src/blocks/Layout/Layout.tsx
@@ -9,6 +9,7 @@ import './layout.scss'
 
 const Layout = ({
     seo,
+    lang = 'lang',
     menu,
     footer,
     className,
@@ -31,7 +32,7 @@ const Layout = ({
     ])
 
     return (
-        <html lang="en">
+        <html lang={lang}>
             <head>
                 <SEO {...seo} />
             </head>
diff --git a/src/blocks/Layout/layout.ts b/src/blocks/Layout/layout.ts
@@ -5,6 +5,7 @@ import type { SEOProps } from '@blocks/SEO/SEO.ts'
 
 export type LayoutProps = {
     seo: SEOProps
+    lang?: string
     menu?: MenuProps
     footer?: FooterProps
     className?: string
