From 77f65c1287f5538c38907ddc222f071cdce26a80 Mon Sep 17 00:00:00 2001
From: christian <christian@rannes.com>
Date: Sun, 28 Apr 2024 00:19:55 +0200
Subject: [PATCH] learnings loader is working-ish. It's server side now

---
 src/lib/queries.js                                 | 2 +-
 src/routes/learnings/{+page.js => +page.server.js} | 3 ---
 src/routes/learnings/+page.svelte                  | 9 ++++++++-
 3 files changed, 9 insertions(+), 5 deletions(-)
 rename src/routes/learnings/{+page.js => +page.server.js} (86%)

diff --git a/src/lib/queries.js b/src/lib/queries.js
index 9573809..8e11a59 100644
--- a/src/lib/queries.js
+++ b/src/lib/queries.js
@@ -3,7 +3,7 @@
  * As your schema evolves, this pattern will be useful to keep your data in sync across all surfaces.
  */
 export function getPostsQuery(extraFilter) {
-    return `*[_type == "project"] {
+    return `*[_type == "post"] {
       _id,
       _type,
       _createdAt,
diff --git a/src/routes/learnings/+page.js b/src/routes/learnings/+page.server.js
similarity index 86%
rename from src/routes/learnings/+page.js
rename to src/routes/learnings/+page.server.js
index 08a8a50..55a7a0c 100644
--- a/src/routes/learnings/+page.js
+++ b/src/routes/learnings/+page.server.js
@@ -5,9 +5,6 @@ import { POST_CARD_FRAGMENT, getPostsQuery } from '$lib/queries.js'
 export async function load() {
   const data = await client.fetch(/* groq */ `{
 		"posts": ${getPostsQuery()},
-		"post": *[_type == "post"] {
-			${POST_CARD_FRAGMENT}
-		}
   }`)
 
   if (data) {
diff --git a/src/routes/learnings/+page.svelte b/src/routes/learnings/+page.svelte
index 3dca8fd..f00a430 100644
--- a/src/routes/learnings/+page.svelte
+++ b/src/routes/learnings/+page.svelte
@@ -1,4 +1,11 @@
 <script>
+	import { getAllContexts } from "svelte";
+
     export let data;
 </script>
-<p>{data.posts}</p>
\ No newline at end of file
+
+{#each data.body.posts as post }
+    <h2>{post.title}</h2>
+    <p>{post.body}</p>
+    <img src="{post.coverImage.url}" alt="yes">
+{/each}
\ No newline at end of file