26 lines
655 B
Svelte
26 lines
655 B
Svelte
<script lang="ts">
|
|
import { createQueries } from '@tanstack/svelte-query'
|
|
import { sleep } from '@tanstack/query-test-utils'
|
|
import type { StatelessRef, StatusResult } from '../utils.svelte.js'
|
|
|
|
let { states }: { states: StatelessRef<Array<StatusResult<string>>> } =
|
|
$props()
|
|
|
|
const queries = createQueries(() => ({
|
|
queries: [
|
|
{
|
|
queryKey: ['test'],
|
|
queryFn: () => sleep(10).then(() => 'fetched'),
|
|
},
|
|
],
|
|
}))
|
|
|
|
$effect(() => {
|
|
const snapshot = $state.snapshot(queries[0])
|
|
states.current.push(snapshot)
|
|
})
|
|
</script>
|
|
|
|
<div>{queries[0].data}</div>
|
|
<div>fetchStatus: {queries[0].fetchStatus}</div>
|