feat: Add translations

pomianowski · pomianowski · commit c8d3d1487f9f · 2026-04-03T16:46:14.000+02:00
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -1,26 +1,26 @@
 // @ts-check
-import { defineConfig } from 'astro/config';
-import sitemap from '@astrojs/sitemap';
+import { defineConfig } from "astro/config";
+import sitemap from "@astrojs/sitemap";
 
 // https://astro.build/config
 export default defineConfig({
-  site: 'https://lepo.co',
+  site: "https://lepo.co",
   // No base path needed for root domain deployment
   i18n: {
-    defaultLocale: 'en',
-    locales: ['en', 'pl'],
+    defaultLocale: "en",
+    locales: ["en", "pl"],
     fallback: {
-      pl: 'en',
+      pl: "en",
     },
     routing: {
       prefixDefaultLocale: false,
-      fallbackType: 'rewrite',
+      fallbackType: "rewrite",
     },
   },
   integrations: [sitemap()],
   markdown: {
     shikiConfig: {
-      theme: 'css-variables',
+      theme: "css-variables",
       langs: [],
       wrap: true,
     },
diff --git a/src/components/FormattedDate.astro b/src/components/FormattedDate.astro
@@ -16,4 +16,4 @@ const formattedDate = date.toLocaleDateString(lang === 'pl' ? 'pl-PL' : 'en-US',
 
 <time datetime={date.toISOString()}>
   {formattedDate}
-</time>
+</time>
diff --git a/src/components/PostCard.astro b/src/components/PostCard.astro
@@ -1,8 +1,8 @@
 ---
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import FormattedDate from './FormattedDate.astro';
-import { useTranslations } from '../i18n/utils';
 import { defaultLang, type Lang } from '../i18n/ui';
+import { useTranslations } from '../i18n/utils';
+import FormattedDate from './FormattedDate.astro';
 
 export interface Props {
   post: {
@@ -70,4 +70,4 @@ const isExternal = !!post.data.externalLink;
       {t('post.readMore')}
     </a>
   </div>
-</article>
+</article>
diff --git a/src/content.config.ts b/src/content.config.ts
@@ -18,4 +18,4 @@ const posts = defineCollection({
   }),
 });
 
-export const collections = { posts };
+export const collections = { posts };
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -302,4 +302,4 @@ const defaultUrl = new URL(getRelativeLocaleUrl(defaultLang, pathSegment), Astro
     background: var(--accent);
     color: var(--background);
   }
-</style>
+</style>
diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
@@ -103,4 +103,4 @@ const { title, description, pubDate, updatedDate, author, image, tags = [] } = A
   
   <!-- Twitter embed script -->
   <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-</BaseLayout>
+</BaseLayout>
diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -1,8 +1,8 @@
 ---
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import BaseLayout from '../layouts/BaseLayout.astro';
-import { useTranslations } from '../i18n/utils';
 import { defaultLang, type Lang } from '../i18n/ui';
+import { useTranslations } from '../i18n/utils';
+import BaseLayout from '../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -1,8 +1,8 @@
 ---
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import BaseLayout from '../layouts/BaseLayout.astro';
-import { useTranslations } from '../i18n/utils';
 import { defaultLang, type Lang } from '../i18n/ui';
+import { useTranslations } from '../i18n/utils';
+import BaseLayout from '../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
@@ -1,8 +1,8 @@
 ---
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import BaseLayout from '../layouts/BaseLayout.astro';
-import { useTranslations } from '../i18n/utils';
 import { defaultLang, type Lang } from '../i18n/ui';
+import { useTranslations } from '../i18n/utils';
+import BaseLayout from '../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,10 +1,10 @@
 ---
+import { getCollection } from 'astro:content';
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import BaseLayout from '../layouts/BaseLayout.astro';
 import PostCard from '../components/PostCard.astro';
-import { getCollection } from 'astro:content';
-import { useTranslations } from '../i18n/utils';
 import { defaultLang, type Lang } from '../i18n/ui';
+import { useTranslations } from '../i18n/utils';
+import BaseLayout from '../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/pl/404.astro b/src/pages/pl/404.astro
@@ -1,8 +1,8 @@
 ---
-import BaseLayout from '../../layouts/BaseLayout.astro';
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import { useTranslations } from '../../i18n/utils';
 import { defaultLang, type Lang } from '../../i18n/ui';
+import { useTranslations } from '../../i18n/utils';
+import BaseLayout from '../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/pl/about.astro b/src/pages/pl/about.astro
@@ -1,8 +1,8 @@
 ---
-import BaseLayout from '../../layouts/BaseLayout.astro';
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import { useTranslations } from '../../i18n/utils';
 import { defaultLang, type Lang } from '../../i18n/ui';
+import { useTranslations } from '../../i18n/utils';
+import BaseLayout from '../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/pl/contact.astro b/src/pages/pl/contact.astro
@@ -1,8 +1,8 @@
 ---
-import BaseLayout from '../../layouts/BaseLayout.astro';
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import { useTranslations } from '../../i18n/utils';
 import { defaultLang, type Lang } from '../../i18n/ui';
+import { useTranslations } from '../../i18n/utils';
+import BaseLayout from '../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/pl/index.astro b/src/pages/pl/index.astro
@@ -1,10 +1,10 @@
 ---
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import PostCard from '../../components/PostCard.astro';
 import { getCollection } from 'astro:content';
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import { useTranslations } from '../../i18n/utils';
+import PostCard from '../../components/PostCard.astro';
 import { defaultLang, type Lang } from '../../i18n/ui';
+import { useTranslations } from '../../i18n/utils';
+import BaseLayout from '../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/pl/posts/[...slug].astro b/src/pages/pl/posts/[...slug].astro
@@ -1,9 +1,9 @@
 ---
 import { getCollection, render } from 'astro:content';
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import PostLayout from '../../../layouts/PostLayout.astro';
-import { useTranslations } from '../../../i18n/utils';
 import { defaultLang, type Lang } from '../../../i18n/ui';
+import { useTranslations } from '../../../i18n/utils';
+import PostLayout from '../../../layouts/PostLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/pl/posts/index.astro b/src/pages/pl/posts/index.astro
@@ -1,9 +1,9 @@
 ---
-import BaseLayout from '../../../layouts/BaseLayout.astro';
-import PostCard from '../../../components/PostCard.astro';
 import { getCollection } from 'astro:content';
-import { useTranslations } from '../../../i18n/utils';
+import PostCard from '../../../components/PostCard.astro';
 import { defaultLang, type Lang } from '../../../i18n/ui';
+import { useTranslations } from '../../../i18n/utils';
+import BaseLayout from '../../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/pl/rss.xml.js b/src/pages/pl/rss.xml.js
@@ -1,17 +1,19 @@
-import rss from '@astrojs/rss';
-import { getCollection } from 'astro:content';
+import rss from "@astrojs/rss";
+import { getCollection } from "astro:content";
 
 export async function GET(context) {
-  const posts = (await getCollection('posts')).filter(post => post.id.startsWith('pl/'));
+  const posts = (await getCollection("posts")).filter((post) =>
+    post.id.startsWith("pl/"),
+  );
   return rss({
-    title: 'Leszek Pomianowski lepo.co kanał RSS',
-    description: 'Motyw inspirowany terminalem dla Astro',
+    title: "Leszek Pomianowski lepo.co kanał RSS",
+    description: "Motyw inspirowany terminalem dla Astro",
     site: context.site,
     items: posts.map((post) => ({
       title: post.data.title,
       pubDate: post.data.pubDate,
       description: post.data.description,
-      link: `/pl/posts/${post.id.replace('pl/', '')}/`,
+      link: `/pl/posts/${post.id.replace("pl/", "")}/`,
     })),
     customData: `<language>pl</language>`,
   });
diff --git a/src/pages/pl/support.astro b/src/pages/pl/support.astro
@@ -1,7 +1,7 @@
 ---
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import { useTranslations } from '../../i18n/utils';
 import { defaultLang, type Lang } from '../../i18n/ui';
+import { useTranslations } from '../../i18n/utils';
+import BaseLayout from '../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/pl/tags/[tag].astro b/src/pages/pl/tags/[tag].astro
@@ -1,9 +1,9 @@
 ---
 import { getCollection } from 'astro:content';
-import BaseLayout from '../../../layouts/BaseLayout.astro';
 import PostCard from '../../../components/PostCard.astro';
-import { useTranslations } from '../../../i18n/utils';
 import { defaultLang, type Lang } from '../../../i18n/ui';
+import { useTranslations } from '../../../i18n/utils';
+import BaseLayout from '../../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/pl/tags/index.astro b/src/pages/pl/tags/index.astro
@@ -1,9 +1,9 @@
 ---
 import { getCollection } from 'astro:content';
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import BaseLayout from '../../../layouts/BaseLayout.astro';
-import { useTranslations } from '../../../i18n/utils';
 import { defaultLang, type Lang } from '../../../i18n/ui';
+import { useTranslations } from '../../../i18n/utils';
+import BaseLayout from '../../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
@@ -1,9 +1,9 @@
 ---
 import { getCollection, render } from 'astro:content';
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import PostLayout from '../../layouts/PostLayout.astro';
-import { useTranslations } from '../../i18n/utils';
 import { defaultLang, type Lang } from '../../i18n/ui';
+import { useTranslations } from '../../i18n/utils';
+import PostLayout from '../../layouts/PostLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
@@ -51,4 +51,4 @@ const { Content } = await render(post);
       )}
     </div>
   </div>
-</PostLayout>
+</PostLayout>
diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro
@@ -1,9 +1,9 @@
 ---
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import PostCard from '../../components/PostCard.astro';
 import { getCollection } from 'astro:content';
-import { useTranslations } from '../../i18n/utils';
+import PostCard from '../../components/PostCard.astro';
 import { defaultLang, type Lang } from '../../i18n/ui';
+import { useTranslations } from '../../i18n/utils';
+import BaseLayout from '../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
@@ -42,4 +42,4 @@ const posts = (await getCollection('posts'))
     width: 100%;
     border-bottom: 3px dotted var(--accent);
   }
-</style>
+</style>
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
@@ -1,17 +1,19 @@
-import rss from '@astrojs/rss';
-import { getCollection } from 'astro:content';
+import rss from "@astrojs/rss";
+import { getCollection } from "astro:content";
 
 export async function GET(context) {
-  const posts = (await getCollection('posts')).filter(post => post.id.startsWith('en/'));
+  const posts = (await getCollection("posts")).filter((post) =>
+    post.id.startsWith("en/"),
+  );
   return rss({
-    title: 'Leszek Pomianowski lepo.co RSS Feed',
-    description: 'A terminal-inspired theme for Astro',
+    title: "Leszek Pomianowski lepo.co RSS Feed",
+    description: "A terminal-inspired theme for Astro",
     site: context.site,
     items: posts.map((post) => ({
       title: post.data.title,
       pubDate: post.data.pubDate,
       description: post.data.description,
-      link: `/posts/${post.id.replace('en/', '')}/`,
+      link: `/posts/${post.id.replace("en/", "")}/`,
     })),
     customData: `<language>en-us</language>`,
   });
diff --git a/src/pages/support.astro b/src/pages/support.astro
@@ -1,7 +1,7 @@
 ---
-import BaseLayout from '../layouts/BaseLayout.astro';
-import { useTranslations } from '../i18n/utils';
 import { defaultLang, type Lang } from '../i18n/ui';
+import { useTranslations } from '../i18n/utils';
+import BaseLayout from '../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
diff --git a/src/pages/tags/[tag].astro b/src/pages/tags/[tag].astro
@@ -1,9 +1,9 @@
 ---
 import { getCollection } from 'astro:content';
-import BaseLayout from '../../layouts/BaseLayout.astro';
 import PostCard from '../../components/PostCard.astro';
-import { useTranslations } from '../../i18n/utils';
 import { defaultLang, type Lang } from '../../i18n/ui';
+import { useTranslations } from '../../i18n/utils';
+import BaseLayout from '../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
@@ -52,4 +52,4 @@ const { posts } = Astro.props;
   .posts-title::after {
     display: none !important;
   }
-</style>
+</style>
diff --git a/src/pages/tags/index.astro b/src/pages/tags/index.astro
@@ -1,9 +1,9 @@
 ---
 import { getCollection } from 'astro:content';
 import { getRelativeLocaleUrl } from 'astro:i18n';
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import { useTranslations } from '../../i18n/utils';
 import { defaultLang, type Lang } from '../../i18n/ui';
+import { useTranslations } from '../../i18n/utils';
+import BaseLayout from '../../layouts/BaseLayout.astro';
 
 const lang = (Astro.currentLocale || defaultLang) as Lang;
 const t = useTranslations(lang);
@@ -67,4 +67,4 @@ const sortedTags = tags.sort((a, b) => a.localeCompare(b));
     color: color-mix(in srgb, var(--foreground) 65%, transparent);
     font-size: calc(var(--font-size) * 0.9);
   }
-</style>
+</style>

Original file line number	Diff line number	Diff line change
`@@ -302,4 +302,4 @@ const defaultUrl = new URL(getRelativeLocaleUrl(defaultLang, pathSegment), Astro`
`302`	`302`	`background: var(--accent);`
`303`	`303`	`color: var(--background);`
`304`	`304`	`}`
`305`		`-</style>`
	`305`	`+</style>`