From a1d3fb8df0e00faa3920d7f5085a52002e58574e Mon Sep 17 00:00:00 2001
From: Dawid Rycerz <dawid@rycerz.xyz>
Date: Tue, 13 Jan 2026 18:42:05 +0100
Subject: Add polish language support

---
 src/components/FormattedDate.astro             |  5 +++--
 src/components/blog/Masthead.astro             | 18 ++++++++++++++----
 src/components/blog/webmentions/Comments.astro |  9 ++++++---
 src/components/blog/webmentions/Likes.astro    |  8 +++++---
 src/components/blog/webmentions/index.astro    | 14 ++++++++++----
 5 files changed, 38 insertions(+), 16 deletions(-)

(limited to 'src/components')

diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
index 45de273..0c7b2d7 100644
--- a/src/components/FormattedDate.astro
+++ b/src/components/FormattedDate.astro
@@ -5,11 +5,12 @@ import { getFormattedDate } from "@/utils/date";
 type Props = HTMLAttributes<"time"> & {
 	date: Date;
 	dateTimeOptions?: Intl.DateTimeFormatOptions;
+	locale?: string | undefined;
 };
 
-const { date, dateTimeOptions, ...attrs } = Astro.props;
+const { date, dateTimeOptions, locale, ...attrs } = Astro.props;
 
-const postDate = getFormattedDate(date, dateTimeOptions);
+const postDate = getFormattedDate(date, dateTimeOptions, locale);
 const ISO = date.toISOString();
 ---
 
diff --git a/src/components/blog/Masthead.astro b/src/components/blog/Masthead.astro
index 1f52383..e7b3ea9 100644
--- a/src/components/blog/Masthead.astro
+++ b/src/components/blog/Masthead.astro
@@ -2,15 +2,18 @@
 import { Image } from "astro:assets";
 import type { CollectionEntry } from "astro:content";
 import FormattedDate from "@/components/FormattedDate.astro";
+import { t } from "@/i18n/translations";
 
 interface Props {
 	content: CollectionEntry<"post">;
 	readingTime: string;
+	language?: string | undefined;
 }
 
 const {
 	content: { data },
 	readingTime,
+	language,
 } = Astro.props;
 
 const dateTimeOptions: Intl.DateTimeFormatOptions = {
@@ -38,14 +41,21 @@ const dateTimeOptions: Intl.DateTimeFormatOptions = {
 </h1>
 <div class="flex flex-wrap items-center gap-x-3 gap-y-2">
 	<p class="font-semibold">
-		<FormattedDate date={data.publishDate} dateTimeOptions={dateTimeOptions} /> /{" "}
+		<FormattedDate date={data.publishDate} dateTimeOptions={dateTimeOptions} locale={language} /> /{
+			" "
+		}
 		{readingTime}
 	</p>
 	{
 		data.updatedDate && (
 			<span class="bg-quote/5 text-quote rounded-lg px-2 py-1">
-				Updated:
-				<FormattedDate class="ms-1" date={data.updatedDate} dateTimeOptions={dateTimeOptions} />
+				{t(language, "updated")}
+				<FormattedDate
+					class="ms-1"
+					date={data.updatedDate}
+					dateTimeOptions={dateTimeOptions}
+					locale={language}
+				/>
 			</span>
 		)
 	}
@@ -74,7 +84,7 @@ const dateTimeOptions: Intl.DateTimeFormatOptions = {
 				<>
 					{/* prettier-ignore */}
 					<span class="contents">
-						<a class="cactus-link inline-block before:content-['#']" data-pagefind-filter={`tag:${tag}`} href={`/tags/${tag}/`}><span class="sr-only">View more blogs with the tag&nbsp;</span>{tag}
+						<a class="cactus-link inline-block before:content-['#']" data-pagefind-filter={`tag:${tag}`} href={`/tags/${tag}/`}><span class="sr-only">{t(language, "viewMoreWithTag")}&nbsp;</span>{tag}
 						</a>{i < data.tags.length - 1 && ", "}
 					</span>
 				</>
diff --git a/src/components/blog/webmentions/Comments.astro b/src/components/blog/webmentions/Comments.astro
index af14bd0..9d274f9 100644
--- a/src/components/blog/webmentions/Comments.astro
+++ b/src/components/blog/webmentions/Comments.astro
@@ -1,13 +1,15 @@
 ---
 import { Image } from "astro:assets";
 import { Icon } from "astro-icon/components";
+import { t } from "@/i18n/translations";
 import type { WebmentionsChildren } from "@/types";
 
 interface Props {
 	mentions: WebmentionsChildren[];
+	language?: string | undefined;
 }
 
-const { mentions } = Astro.props;
+const { mentions, language } = Astro.props;
 
 const validComments = ["mention-of", "in-reply-to"];
 
@@ -20,7 +22,8 @@ const comments = mentions.filter(
 	!!comments.length && (
 		<div>
 			<p class="text-accent-2 mb-0">
-				<strong>{comments.length}</strong> Mention{comments.length > 1 ? "s" : ""}
+				<strong>{comments.length}</strong>{" "}
+				{comments.length > 1 ? t(language, "mentions") : t(language, "mention")}
 			</p>
 			<ul class="divide-global-text/20 mt-0 divide-y ps-0" role="list">
 				{comments.map((mention) => (
@@ -65,7 +68,7 @@ const comments = mentions.filter(
 									target="_blank"
 								>
 									<span class="hidden" id="cmt-source">
-										Visit the source of this webmention
+										{t(language, "visitWebmentionSource")}
 									</span>
 									<Icon
 										aria-hidden="true"
diff --git a/src/components/blog/webmentions/Likes.astro b/src/components/blog/webmentions/Likes.astro
index 7862c43..fce1a96 100644
--- a/src/components/blog/webmentions/Likes.astro
+++ b/src/components/blog/webmentions/Likes.astro
@@ -1,12 +1,14 @@
 ---
 import { Image } from "astro:assets";
+import { t } from "@/i18n/translations";
 import type { WebmentionsChildren } from "@/types";
 
 interface Props {
 	mentions: WebmentionsChildren[];
+	language?: string | undefined;
 }
 
-const { mentions } = Astro.props;
+const { mentions, language } = Astro.props;
 const MAX_LIKES = 10;
 
 const likes = mentions.filter((mention) => mention["wm-property"] === "like-of");
@@ -19,8 +21,8 @@ const likesToShow = likes
 	!!likes.length && (
 		<div>
 			<p class="text-accent-2 mb-0">
-				<strong>{likes.length}</strong>
-				{likes.length > 1 ? " People" : " Person"} liked this
+				<strong>{likes.length}</strong>{" "}
+				{likes.length > 1 ? t(language, "peopleLiked") : t(language, "personLiked")}
 			</p>
 			{!!likesToShow.length && (
 				<ul class="flex list-none flex-wrap overflow-hidden ps-2" role="list">
diff --git a/src/components/blog/webmentions/index.astro b/src/components/blog/webmentions/index.astro
index 232b4f3..80376f0 100644
--- a/src/components/blog/webmentions/index.astro
+++ b/src/components/blog/webmentions/index.astro
@@ -1,8 +1,14 @@
 ---
+import { t } from "@/i18n/translations";
 import { getWebmentionsForUrl } from "@/utils/webmentions";
 import Comments from "./Comments.astro";
 import Likes from "./Likes.astro";
 
+interface Props {
+	language?: string | undefined;
+}
+
+const { language } = Astro.props;
 const url = new URL(Astro.url.pathname, Astro.site);
 
 const webMentions = await getWebmentionsForUrl(`${url}`);
@@ -12,12 +18,12 @@ if (!webMentions.length) return;
 ---
 
 <hr class="border-solid" />
-<h2 class="mb-8 before:hidden">Webmentions for this post</h2>
+<h2 class="mb-8 before:hidden">{t(language, "webmentionsTitle")}</h2>
 <div class="space-y-10">
-	<Likes mentions={webMentions} />
-	<Comments mentions={webMentions} />
+	<Likes mentions={webMentions} language={language} />
+	<Comments mentions={webMentions} language={language} />
 </div>
 <p class="mt-8">
-	Responses powered by{" "}
+	{t(language, "responsesPoweredBy")}{" "}
 	<a href="https://webmention.io" rel="noreferrer" target="_blank">Webmentions</a>
 </p>
-- 
cgit v1.2.3