snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)

examples/svelte/basic/src/routes/+layout.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import '../app.css'
+  import { browser } from '$app/environment'
+  import { QueryClient } from '@tanstack/svelte-query'
+  import { SvelteQueryDevtools } from '@tanstack/svelte-query-devtools'
+  import { PersistQueryClientProvider } from '@tanstack/svelte-query-persist-client'
+  import { createAsyncStoragePersister } from '@tanstack/query-async-storage-persister'
+
+  const { children } = $props()
+
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        enabled: browser,
+      },
+    },
+  })
+
+  const persister = createAsyncStoragePersister({
+    storage: browser ? window.localStorage : null,
+  })
+</script>
+
+<PersistQueryClientProvider client={queryClient} persistOptions={{ persister }}>
+  <main>
+    {@render children()}
+  </main>
+  <SvelteQueryDevtools />
+</PersistQueryClientProvider>