update

src/lib/component/Categories.svelte

@@ -3,7 +3,8 @@
 </script>
 
 <div>
-	{#each categories as category}
+	{#each categories as category, i}
 		<a href="/" class="hover:underline">{category}</a>
+		{#if i !== categories.length - 1}>&nbsp;{/if}
 	{/each}
 </div>

src/lib/types.ts

@@ -5,7 +5,7 @@ export type Post = {
 	date: string;
 	img?: string;
 	modified?: string;
-	categories?: string[];
-	tags?: string[];
+	categories: string[];
+	tags: string[];
 	published: boolean;
 };

src/posts/hello.md

@@ -2,6 +2,7 @@
 title: 你好世界
 description: 这是迁移到 SvelteKit 的第一篇文章
 date: '2024-2-5'
+categories: [生活]
 tags: [SvelteKit, Svelte]
 published: true
 ---

src/routes/+layout.ts

@@ -1,3 +1,5 @@
+export const prerender = true;
+
 import type { Post } from '$lib/types';
 
 export async function load({ fetch }) {

src/routes/[slug]/+page.svelte

@@ -2,9 +2,9 @@
 	import { formatDate, getDate, getRelativeTimeDifference } from '$lib/utils';
 	import Layout from '$lib/layout.svelte';
 	import Dot from '$lib/component/Dot.svelte';
+	import Categories from '$lib/component/Categories.svelte';
 	import Tags from '$lib/component/Tags.svelte';
 	import { onMount } from 'svelte';
-	import Categories from '$lib/component/Categories.svelte';
 
 	export let data;