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

examples/svelte/basic/src/lib/Post.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+  import { createQuery } from '@tanstack/svelte-query'
+  import { getPostById } from './data'
+  import type { Post } from './types'
+
+  const { postId }: { postId: number } = $props()
+
+  const post = createQuery<Post>(() => ({
+    queryKey: ['post', postId],
+    queryFn: () => getPostById(postId),
+  }))
+</script>
+
+<div>
+  <div>
+    <a class="button" href="/"> Back </a>
+  </div>
+  {#if !postId || post.isPending}
+    <span>Loading...</span>
+  {/if}
+  {#if post.error}
+    <span>Error: {post.error.message}</span>
+  {/if}
+  {#if post.isSuccess}
+    <h1>{post.data.title}</h1>
+    <div>
+      <p>{post.data.body}</p>
+    </div>
+    <div>{post.isFetching ? 'Background Updating...' : ' '}</div>
+  {/if}
+</div>