add lang attribute for english

Author: andnorda

src/routes/(pages)/blog/+page.svelte

@@ -8,7 +8,7 @@
 
 <ul class="list">
 	{#each data.posts as post}
-		<li class="item">
+		<li class="item" lang={post.metadata.language}>
 			<h2 class="heading">
 				<a class="link" href={`/blog/posts/${post.slug}`}>
 					{post.metadata.title}

src/routes/(pages)/blog/posts/adventskalender-2024/+page.md

@@ -5,7 +5,6 @@ date: 2024-12-01T22:10:00+02:00
 author: Naissen
 tags: []
 theme: advent
-language: nb
 ---
 
 La oss gjøre adventstiden mer nais med en Nais adventskalender! Her vil vi hver arbeidsdag legge ut et tips til hvordan du kan bruke Nais-plattformen.

src/routes/(pages)/blog/posts/layout.svelte

@@ -11,17 +11,18 @@
 		author?: string;
 		date?: string;
 		theme?: string;
+		language?: string;
 		children: Snippet;
 	}
 
-	let { title, date, author, theme, children }: Props = $props();
+	let { title, date, author, theme, language, children }: Props = $props();
 </script>
 
 <svelte:head>
 	<title>{title} — Nais blog</title>
 </svelte:head>
 
-<div class={["article", theme].filter(Boolean).join(" ")}>
+<div class={["article", theme].filter(Boolean).join(" ")} lang={language}>
 	<h1>{title}</h1>
 	{#if date && author}
 		<p class="byline">{format(date, "MMMM d, yyyy")} by {author}</p>

src/routes/(pages)/log/+page.svelte

@@ -12,14 +12,16 @@
 	{#if i > 0}
 		<hr />
 	{/if}
-	<h2 class="heading" id={slug}><a class="anchorLink" href="#{slug}">{metadata.title}</a></h2>
-	<div class="byline">
-		{metadata.language === "en"
-			? `${format(metadata.date, "MMMM d, yyyy")} by ${metadata.author}`
-			: `${format(metadata.date, "d. MMMM yyyy", { locale: nb })} av ${metadata.author}`}
-	</div>
-	<div class="post">
-		<Post />
+	<div lang={metadata.language}>
+		<h2 class="heading" id={slug}><a class="anchorLink" href="#{slug}">{metadata.title}</a></h2>
+		<div class="byline">
+			{metadata.language === "en"
+				? `${format(metadata.date, "MMMM d, yyyy")} by ${metadata.author}`
+				: `${format(metadata.date, "d. MMMM yyyy", { locale: nb })} av ${metadata.author}`}
+		</div>
+		<div class="post">
+			<Post />
+		</div>
 	</div>
 {/each}