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

packages/svelte-query/tests/mutationOptions/Base.svelte

@@ -0,0 +1,60 @@
+<script lang="ts">
+  import type { QueryClient } from '@tanstack/query-core'
+  import {
+    createMutation,
+    setQueryClientContext,
+    useIsMutating,
+    useMutationState,
+  } from '../../src/index.js'
+  import type {
+    Accessor,
+    CreateMutationOptions,
+    MutationStateOptions,
+  } from '../../src/index.js'
+  import type { MutationFilters } from '@tanstack/query-core'
+
+  type Props = {
+    queryClient: QueryClient
+    mutationOpts: Accessor<CreateMutationOptions<string>>
+    isMutatingFilters?: MutationFilters
+    mutationStateOpts?: MutationStateOptions
+  }
+
+  let {
+    queryClient,
+    mutationOpts,
+    isMutatingFilters,
+    mutationStateOpts,
+  }: Props = $props()
+
+  setQueryClientContext(queryClient)
+
+  const mutation = createMutation(mutationOpts)
+  const isMutating = useIsMutating(isMutatingFilters)
+  const mutationState = useMutationState(mutationStateOpts)
+
+  let clientIsMutating = $state(0)
+
+  $effect(() => {
+    const mutationCache = queryClient.getMutationCache()
+    clientIsMutating = isMutatingFilters
+      ? queryClient.isMutating(isMutatingFilters)
+      : queryClient.isMutating()
+
+    const unsubscribe = mutationCache.subscribe(() => {
+      clientIsMutating = isMutatingFilters
+        ? queryClient.isMutating(isMutatingFilters)
+        : queryClient.isMutating()
+    })
+
+    return unsubscribe
+  })
+</script>
+
+<button onclick={() => mutation.mutate()}>mutate</button>
+
+<div>isMutating: {isMutating.current}</div>
+<div>clientIsMutating: {clientIsMutating}</div>
+<div>
+  mutationState: {JSON.stringify(mutationState.map((state) => state.data))}
+</div>