tanstack-query-intent-framework-use-framework-adapter-reactivity

This skill builds on lifecycle/setup-query-client-and-providers and core/design-query-keys-and-options.

Setup

import { queryOptions } from '@tanstack/react-query'

export function todoOptions(id: string) {
  return queryOptions({
    queryKey: ['todo', id],
    queryFn: async () => ({ id }),
  })
}

Hooks and Components

Keep Vue refs in the key