figure out how everything works again

jsconfig.json

@@ -1,10 +1,11 @@
 {
-	"compilerOptions": {
-		"baseUrl": ".",
-		"paths": {
-			"$lib": ["src/lib"],
-			"$lib/*": ["src/lib/*"]
-		}
-	},
-	"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
+    "extends": "./.svelte-kit/tsconfig.json",
+    "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {
+            "$lib": ["src/lib"],
+            "$lib/*": ["src/lib/*"]
+        }
+    },
+    "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
 }

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 post = await import(`./_posts/${metadata.slug}.svx`);
+        const postMeta = await resp.json();
+        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

@@ -5,19 +5,18 @@ import slug from './src/lib/slug.js';
 
 
 const config = {
-	extensions: ['.svelte', '.svx'],
-	preprocess: [
-		mdsvex({
-			layout: './src/lib/Post.svelte',
-			rehypePlugins: [slug],
-		}),
-		svp.scss(),
-	],
-	kit: {
-		// hydrate the <div id="svelte"> element in src/app.html
-		target: '#svelte',
-		adapter: staticAdapter(),
-	}
+    extensions: ['.svelte', '.svx'],
+    preprocess: [
+        mdsvex({
+            layout: './src/lib/Post.svelte',
+            rehypePlugins: [slug],
+        }),
+        svp.scss(),
+    ],
+    kit: {
+        // hydrate the <div id="svelte"> element in src/app.html
+        adapter: staticAdapter(),
+    }
 };
 
 export default config;