chore: fixes to the demo

Author: johannschopplich

playground/Post.vue

@@ -26,7 +26,7 @@ const [post, { isRefetching, refetch, mutate, error }] = useQuery<Post>(
       </button>
     </div>
     <p>{{ post?.body }}</p>
-    <button :disabled="isRefetching" @click="() => refetch({ fresh: true })">
+    <button :disabled="isRefetching" @click="refetch()">
       {{ isRefetching ? 'Refetching...' : 'Refetch' }}
     </button>
     <button @click="() => mutate((current) => ({ ...current!, title: 'Random title here' }))">

playground/PostSuspense.vue

@@ -12,15 +12,16 @@ interface Post {
 }
 
 const [post, { isRefetching, refetch, mutate }] = await useAsyncQuery<Post>(
-  () => `https://jsonplaceholder.typicode.com/posts/${props.id}`,
+  // The `suspense=true` query is added for different query key than the non-supense one
+  () => `https://jsonplaceholder.typicode.com/posts/${props.id}?suspense=true`,
 )
 </script>
 
 <template>
   <div>
     <h2>{{ post?.title }}</h2>
     <p>{{ post?.body }}</p>
-    <button :disabled="isRefetching" @click="() => refetch({ fresh: true })">
+    <button :disabled="isRefetching" @click="refetch()">
       {{ isRefetching ? 'Refetching...' : 'Refetch' }}
     </button>
     <button @click="() => mutate((current) => ({ ...current!, title: 'Random title here' }))">

src/index.ts

@@ -20,7 +20,7 @@ export function injectQueryOptions(value?: TurboVueOptions) {
  */
 export async function useAsyncQuery<T = any>(
   key: TurboVueKey,
-  options?: TurboVueOptions,
+  options?: Omit<TurboVueOptions, 'immediate'>,
 ): Promise<TurboVueResource<T>> {
   const contextOptions = injectQueryOptions()
   const turboQuery = options?.turbo?.query ?? contextOptions?.turbo?.query ?? query