Migrate articles to standalone endpoints

src/params/blogPage.ts

@@ -1,5 +1,5 @@
 /** @type {import('@sveltejs/kit').ParamMatcher} */
 export function match(param: string) {
-  console.log('parma', param)
+  console.debug('parma', param)
   return !['tags', 'page'].some((keyword) => param.startsWith(keyword))
 }

src/routes/__layout.svelte

@@ -3,14 +3,12 @@
   import type { LoadInput, LoadOutput } from '@sveltejs/kit/types/page'
 
   export async function load({ fetch, url }: LoadInput): Promise<LoadOutput> {
-    const blogPostsResponse = await fetch(`/blog`, {
-      headers: { accept: 'application/json' },
-    })
+    const blogPostsResponse = await fetch(`/blog/articles`)
     const blogPostsContent = await blogPostsResponse.json()
     return {
       props: {
         latestPosts: take(5, blogPostsContent.posts),
-        // TODO Check if not bugged
+        // TODO Check if not bugged FIXME
         segment: '',
       },
     }

src/routes/blog/[...params].svelte

@@ -1,3 +1,15 @@
+<script lang="ts" context="module">
+  /**
+   * @type {import('@sveltejs/kit').Load}
+   */
+  export async function load({ fetch }) {
+    const articleResponse = await fetch(`/blog/articles`)
+      .then((r) => r.json())
+
+    return { props: { posts: articleResponse.posts } }
+  }
+</script>
+
 <script lang="ts">
   import ArticleFooter from '../../components/blog/ArticleFooter.svelte'
   import { postListClass, seeAllClass } from './index.css'