diff --git a/examples/lit/basic/src/basic-query.ts b/examples/lit/basic/src/basic-query.ts index 20d5361f87a..23fd15573c5 100644 --- a/examples/lit/basic/src/basic-query.ts +++ b/examples/lit/basic/src/basic-query.ts @@ -5,7 +5,6 @@ import { createQueryController, } from '@tanstack/lit-query' import { fetchTodosFromServer, resetTodoApi } from './todoApi' -import type { TodosResponse } from './todoApi' resetTodoApi() @@ -29,7 +28,7 @@ class BasicQueryProvider extends QueryClientProvider { customElements.define('basic-query-provider', BasicQueryProvider) class BasicQueryExample extends LitElement { - private readonly todos = createQueryController(this, { + private readonly todos = createQueryController(this, { queryKey: ['todos'], queryFn: fetchTodosFromServer, }) diff --git a/examples/lit/basic/src/main.ts b/examples/lit/basic/src/main.ts index ff08da72fe5..2593862d0b9 100644 --- a/examples/lit/basic/src/main.ts +++ b/examples/lit/basic/src/main.ts @@ -51,19 +51,12 @@ class TanstackLitQueryDemo extends LitElement { private nextTodoTitle = 'Add mutation assertion' private cacheSeedCount = 0 - private readonly todosQuery = createQueryController( - this, - { - queryKey: ['todos'], - queryFn: fetchTodosFromServer, - }, - ) + private readonly todosQuery = createQueryController(this, { + queryKey: ['todos'], + queryFn: fetchTodosFromServer, + }) - private readonly createTodoMutation = createMutationController< - Todo, - Error, - string - >(this, { + private readonly createTodoMutation = createMutationController(this, { mutationKey: ['create-todo'], mutationFn: addTodoOnServer, onSuccess: (createdTodo) => { diff --git a/examples/lit/basic/src/mutation.ts b/examples/lit/basic/src/mutation.ts index 422be660656..78536957974 100644 --- a/examples/lit/basic/src/mutation.ts +++ b/examples/lit/basic/src/mutation.ts @@ -6,7 +6,7 @@ import { createQueryController, } from '@tanstack/lit-query' import { addTodoOnServer, fetchTodosFromServer, resetTodoApi } from './todoApi' -import type { Todo, TodosResponse } from './todoApi' +import type { TodosResponse } from './todoApi' resetTodoApi() @@ -37,35 +37,32 @@ class MutationExample extends LitElement { private nextTitle = 'Created from mutation example' - private readonly todos = createQueryController(this, { + private readonly todos = createQueryController(this, { queryKey: ['todos'], queryFn: fetchTodosFromServer, }) - private readonly addTodo = createMutationController( - this, - { - mutationKey: ['create-todo'], - mutationFn: addTodoOnServer, - onSuccess: (created) => { - queryClient.setQueryData(['todos'], (existing) => { - if (!existing) { - return { - items: [created], - requestCount: 0, - source: 'cache', - } - } - + private readonly addTodo = createMutationController(this, { + mutationKey: ['create-todo'], + mutationFn: addTodoOnServer, + onSuccess: (created) => { + queryClient.setQueryData(['todos'], (existing) => { + if (!existing) { return { - items: [...existing.items, created], - requestCount: existing.requestCount, + items: [created], + requestCount: 0, source: 'cache', } - }) - }, + } + + return { + items: [...existing.items, created], + requestCount: existing.requestCount, + source: 'cache', + } + }) }, - ) + }) protected override createRenderRoot(): HTMLElement | DocumentFragment { return this