<script lang="ts">
    import { client } from "$lib/pocketbase";
    const { data } = $props()
    const recipes = $derived(data.recipes)

</script>

<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>


{#each $recipes.items as item}
    {item.name} <br>
    {item.desc}

{/each}