snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
<script lang="ts">
|
||||
import PersistQueryClientProvider from '../../src/PersistQueryClientProvider.svelte'
|
||||
import UseQueries from './UseQueries.svelte'
|
||||
import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
|
||||
import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'
|
||||
import type { StatelessRef, StatusResult } from '../utils.svelte.js'
|
||||
|
||||
interface Props {
|
||||
queryClient: QueryClient
|
||||
persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
|
||||
states: StatelessRef<Array<StatusResult<string>>>
|
||||
}
|
||||
|
||||
let { queryClient, persistOptions, states }: Props = $props()
|
||||
</script>
|
||||
|
||||
<PersistQueryClientProvider client={queryClient} {persistOptions}>
|
||||
<UseQueries {states} />
|
||||
</PersistQueryClientProvider>
|
||||
@@ -0,0 +1,25 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user