@import url("/assets/md.css")feat: prerendering page

@import url("/assets/md.css")

1 files changed, 32 insertions, 0 deletions

diff --git a/src/routes/blog/_posts/+page.svelte b/src/routes/blog/_posts/+page.svelte
new file mode 100644
index 0000000..2f7ca25
--- /dev/null
+++ b/src/routes/blog/_posts/+page.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+  import { resolve } from '$app/paths';
+  import type { PageProps } from '../_/$types';
+  import { browser } from '$app/environment';
+  import { onMount, tick } from 'svelte';
+  import { goto } from '$app/navigation';
+
+  let { data }: PageProps = $props();
+  let posts = $derived(Object.entries(data.posts));
+  onMount(() => {
+    requestAnimationFrame(() => goto(resolve('/blog/')));
+    tick().then(() => goto(resolve('/blog/')));
+  });
+</script>
+
+{#if !browser}
+  {#each posts as a}
+    <!-- svelte-ignore a11y_consider_explicit_label -->
+    <a
+      href={resolve('/blog/[id=int]-[slug]', {
+        id: a[1].metadata.id.toString(),
+        slug: a[1].metadata.slug,
+      })}
+    ></a>
+    <!-- svelte-ignore a11y_consider_explicit_label -->
+    <a
+      href={resolve('/blog/[id=int]', {
+        id: a[1].metadata.id.toString(),
+      })}
+    ></a>
+  {/each}
+{/if}