refactor: improve typings

src/routes/posts/+page.svelte

@@ -1,13 +1,17 @@
 <script lang="ts">
+	import type { PostData } from './+page.js';
+
 	export let data;
+
+    let posts: PostData[] = data.posts as PostData[];
 </script>
 
 <div>
-    {#each data.posts as post}
+    {#each posts as post}
         <div>
             <a href="/posts/{post.path}" data-sveltekit-preload-data="hover">
-                <p>{post.title}</p>
-                <p>{post.excerpt}</p>
+                <p>{post.metadata.title}</p>
+                <p>{post.metadata.excerpt}</p>
             </a>
             <div>
                 <time datetime="2020-03-16">{post.published}</time>

src/routes/posts/+page.ts

@@ -1,13 +1,20 @@
 import convertDate from "$lib/convertDate";
 
+export interface PostData {
+	path: string,
+	published: string,
+	metadata: Record<string, string>,
+}
+
 export async function load({ params }) {
 	const allPostFiles: Record<string, any> = import.meta.glob('./*/+page.md', {eager: true});
-	const allPosts: any[] = Object.entries(allPostFiles).map(([path, post]) => {
+	const allPosts: PostData[] = Object.entries(allPostFiles).map(([path, post]) => {
 		const postPath = path.slice(2, -8);
-		return { ...post.metadata, path: postPath, published: convertDate(post.metadata.date) };
+		return { metadata: post.metadata, path: postPath, published: convertDate(post.metadata.date) };
 	});
 	if (!allPosts.length) {
 		return { status: 404 };
 	}
+	//console.log(allPosts);
 	return { posts: allPosts };
 }

src/routes/posts/hello-world/+page.md

@@ -2,7 +2,6 @@
 title: Hello World
 author: Jeff
 date: 2022-05-27
-layout: blog
 excerpt: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget massa sit amet arcu varius lacinia nec quis lacus.
 ---