figure out how everything works again

jsconfig.json

@@ -1,4 +1,5 @@
 {
+    "extends": "./.svelte-kit/tsconfig.json",
     "compilerOptions": {
         "baseUrl": ".",
         "paths": {

src/routes/[slug].svelte

@@ -1,7 +1,7 @@
 <script context="module">
-    export async function load({ page }) {
+    export async function load({ url, params }) {
         try {
-            let post = await import(`./_posts/${page.params.slug}.svx`);
+            let post = await import(`./_posts/${params.slug}.svx`);
             return {
                 props: {
                     post: post.default
@@ -9,9 +9,10 @@
             }
         }
         catch (err) {
+            console.log(err);
             return {
                 status: 404,
-                error: `Not found: ${page.path}`,
+                error: `Not found: ${url.pathname}`,
             }
         }
     }

src/routes/__layout.svelte

@@ -1,6 +1,4 @@
 <style>
-
-
     :global(main) {
         --content-width: 42rem;
         box-sizing: border-box;

src/routes/index.svelte

@@ -1,8 +1,8 @@
 <script context="module">
     export async function load({ fetch }) {
         const resp = await fetch('/latest.json');
-        const metadata = await resp.json();
+        const postMeta = await resp.json();
-        const post = await import(`./_posts/${metadata.slug}.svx`);
+        const post = await import(`./_posts/${postMeta.slug}.svx`);
         return {
             props: {
                 post: post.default,

src/routes/latest.json.js

@@ -1,4 +1,4 @@
-import { postData } from './all.json.js';
+import { postData } from './posts.js';
 
 export async function get() {
     return {body: postData[0]};

src/routes/posts.js

@@ -15,6 +15,8 @@ postData.sort((a, b) => {
 })
 
 export async function get() {
-    return {body: postData};
+    return {
+        body: {postData}
+    };
 }
 

src/routes/posts.svelte

@@ -1,14 +1,3 @@
-<script context="module">
-    export async function load({ page, fetch }) {
-        const resp = await fetch('/all.json');
-        return {
-            props: {
-                postData: await resp.json()
-            }
-        }
-    }
-</script>
-
 <script>
     export let postData;
 </script>

svelte.config.js

@@ -15,7 +15,6 @@ const config = {
     ],
     kit: {
         // hydrate the <div id="svelte"> element in src/app.html
-		target: '#svelte',
         adapter: staticAdapter(),
     }
 };