feat: 言語切替用のコンポーネント

Author: staticWagomU

2025/astro.config.mjs

@@ -4,4 +4,7 @@ import { defineConfig } from 'astro/config';
 // https://astro.build/config
 export default defineConfig({
   base: '/2025',
+  experimental: {
+    serializeConfig: true,
+  },
 });

2025/src/components/LanguagePicker.astro

@@ -0,0 +1,29 @@
+---
+import { languages } from '../i18n/ui';
+import { base } from "astro:config/client"
+---
+<ul class="language-picker">
+  {Object.entries(languages).map(([lang, label]) => (
+    <li>
+      <a href={`${base}/${lang}/`}>{label}</a>
+    </li>
+  ))}
+</ul>
+
+<style>
+ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  justify-content: flex-end;
+  margin-right: 1rem;
+}
+
+li:first-child::after {
+  content: '/';
+  display: 'inline block'
+  margin: 0 8px;
+  color: #333;
+}
+</style>

2025/src/i18n/ui.ts

@@ -0,0 +1,4 @@
+export const languages = {
+  ja: 'ja',
+  en: 'en',
+};