feat(i18n): 🌐 tradueix les rutes

src/app/[locale]/(markdown)/associacions/layout.tsx

@@ -0,0 +1,32 @@
+import { route } from "@/lib/route";
+import type { Metadata } from "next";
+import { getTranslations, setRequestLocale } from "next-intl/server";
+import type { PropsWithChildren } from "react";
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>;
+}): Promise<Metadata> {
+  const { locale } = await params;
+  const t = await getTranslations({ locale, namespace: "metadata" });
+  const canonical = route("associacions") as string;
+
+  return {
+    title: t("associations"),
+    description: t("associationsDescription"),
+    alternates: {
+      canonical,
+    },
+  };
+}
+
+export default async function Layout({
+  children,
+  params,
+}: Readonly<PropsWithChildren<{ params: Promise<{ locale: string }> }>>) {
+  const { locale } = await params;
+  setRequestLocale(locale);
+
+  return children;
+}

src/app/[locale]/(markdown)/associacions/page.tsx

@@ -0,0 +1,44 @@
+import { Scaffold } from "@/components/scaffold";
+import { TOC } from "@/components/toc";
+import { routing } from "@/i18n/routing";
+import { route } from "@/lib/route";
+import { findMDXHeadings } from "@/mdx-components";
+import { getTranslations, setRequestLocale } from "next-intl/server";
+import { notFound } from "next/navigation";
+
+export default async function Page({
+  params,
+}: Readonly<{ params: Promise<{ locale: string }> }>) {
+  const { locale } = await params;
+  setRequestLocale(locale);
+
+  const t = await getTranslations("metadata");
+  const Content = await localizedMDX(locale);
+
+  return (
+    <Scaffold
+      breadcrumbFragments={[
+        { href: route("home"), label: "Inici", position: 1 },
+        { label: t("associations"), position: 2 },
+      ]}
+      aside={<TOC headings={findMDXHeadings(Content({}))} />}
+    >
+      <Content />
+    </Scaffold>
+  );
+}
+
+async function localizedMDX(locale: string) {
+  try {
+    return (await import(`./${locale}.mdx`)).default;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  } catch (error) {
+    console.log(`Defaulting to ${routing.defaultLocale}`);
+    try {
+      return (await import(`./${routing.defaultLocale}.mdx`)).default;
+    } catch (error) {
+      if (error instanceof Error) console.log(error.stack);
+      notFound();
+    }
+  }
+}