fix: infer type of getStaticPaths

mrshmllow · mrshmllow · commit e6faf8ca9859 · 2024-05-07T12:06:12.000+10:00
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -2,10 +2,11 @@
 interface Props {}
 
 import { useTranslations } from "../i18n/utils";
+import type { Params } from "../i18n/utils";
 import { Image } from "astro:assets";
 import aux from "../../public/aux.svg";
 
-const { lang } = Astro.params;
+const { lang } = Astro.params as Params;
 const translation = useTranslations(lang);
 ---
 
diff --git a/src/components/home/Goals.astro b/src/components/home/Goals.astro
@@ -1,7 +1,8 @@
 ---
 import { useTranslations } from "../../i18n/utils";
+import type { Params } from "../../i18n/utils";
 
-const { lang } = Astro.params;
+const { lang } = Astro.params as Params;
 const translation = useTranslations(lang);
 ---
 
diff --git a/src/components/home/Hero.astro b/src/components/home/Hero.astro
@@ -2,8 +2,9 @@
 import { useTranslations } from "../../i18n/utils";
 import { Image } from "astro:assets";
 import aux from "../../../public/aux.svg";
+import type { Params } from "../../i18n/utils";
 
-const { lang } = Astro.params;
+const { lang } = Astro.params as Params;
 const translation = useTranslations(lang);
 ---
 
diff --git a/src/components/home/Roadmap.astro b/src/components/home/Roadmap.astro
@@ -1,7 +1,8 @@
 ---
 import { useTranslations } from "../../i18n/utils";
+import type { Params } from "../../i18n/utils";
 
-const { lang } = Astro.params;
+const { lang } = Astro.params as Params;
 const translation = useTranslations(lang);
 ---
 
diff --git a/src/components/home/Values.astro b/src/components/home/Values.astro
@@ -1,7 +1,8 @@
 ---
 import { useTranslations } from "../../i18n/utils";
+import type { Params } from "../../i18n/utils";
 
-const { lang } = Astro.params;
+const { lang } = Astro.params as Params;
 const translation = useTranslations(lang);
 ---
 
diff --git a/src/i18n/utils.ts b/src/i18n/utils.ts
@@ -1,7 +1,21 @@
-import { ui, defaultLang } from "./ui";
+import { ui, defaultLang, languages } from "./ui";
+import type {
+	InferGetStaticParamsType,
+	InferGetStaticPropsType,
+	GetStaticPaths,
+} from "astro";
 
 export function useTranslations(lang: keyof typeof ui) {
 	return function t(key: keyof (typeof ui)[typeof defaultLang]) {
 		return ui[lang][key] || ui[defaultLang][key];
 	};
 }
+
+export const getStaticPaths = (async () => {
+	return Object.keys(languages).map((name) => ({
+		params: { lang: name as keyof typeof languages },
+	}));
+}) satisfies GetStaticPaths;
+
+export type Params = InferGetStaticParamsType<typeof getStaticPaths>;
+export type Props = InferGetStaticPropsType<typeof getStaticPaths>;
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,12 +1,13 @@
 ---
 import Header from "../components/Header.astro";
+import type { Params } from "../i18n/utils";
 
 interface Props {
 	title: string;
 }
 
 const { title } = Astro.props;
-const { lang } = Astro.params;
+const { lang } = Astro.params as Params;
 ---
 
 <!doctype html>
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
@@ -1,11 +1,7 @@
 ---
-import { languages } from "../../i18n/ui";
 import Layout from "../../layouts/Layout.astro";
 import Home from "../../components/home/Home.astro";
-
-export async function getStaticPaths() {
-	return Object.keys(languages).map((name) => ({ params: { lang: name } }));
-}
+export { getStaticPaths } from "../../i18n/utils";
 ---
 
 <Layout title="auxolotl.org">
