my own Svelte adapter for TanStack Query
- Written for Svelte 5.
- Doesn't make use of deep reactivity,
$state.snapshot()is not required. - Integrates with svelte-freeze.
- No server-side support.
<script>
import { createQuery } from '@mary-ext/svelte-query';
const query = createQuery(() => ({
queryKey: ['todos'],
queryFn: fetchTodos,
}));
</script>
{#if query.isLoading}
<div>Loading...</div>
{:else if query.isError}
<div>Error: {query.error.message}</div>
{:else}
<ul>
{#each query.data as todo}
<li>{todo.title}</li>
{/each}
</ul>
{/if}