SvelteKit - How to Convert Sapper to Svelte

<!-- sanity-md/web/src/routes/blog/index.svelte -->

<script context="module" lang="ts">

import { client } from '../../components/SanityClient';

export async function load() {

const query = "*[_type == 'post']{_id, slug, title}";

const posts = await client.fetch(query);

console.log(posts);

return { posts };

}

</script>

<script lang="ts">

type Slug = {

_type: string;

current: string;

};

export let posts: { slug: Slug; title: string }[] = [];

</script>

<h1>Recent posts</h1>

<ul>

{#each posts as _post_, _i_}

<li>Example:<a rel="prefetch" href="blog/{_post_.slug.current}">{_post_.title}</a></li>

{/each}

</ul>

preload()

load()

load()

props

preload()

load()

load()

props