Hi Everyone!
I’m cuttin’ my chops on SvelteKit +
Sanity.io . I’m going through a simple blog tutorial that was written for Sapper and trying to convert it to Svelte.
I can see my Sanity Query data when I run a log however it’s not populating to the site. Any thoughts? Code:
<!-- 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>