Vue Example: Nuxt3

Github StackBlitz CodeSandbox

<template>
  <div>{{ data }}</div>
</template>

<script setup lang="ts">
import { useQuery } from '@tanstack/vue-query'

const fetcher = async () =>
  await fetch('https://jsonplaceholder.typicode.com/posts').then((response) =>
    response.json(),
  )

const { data, suspense } = useQuery({ queryKey: ['test'], queryFn: fetcher })

await suspense()
</script>

<template>
  <div>{{ data }}</div>
</template>

<script setup lang="ts">
import { useQuery } from '@tanstack/vue-query'

const fetcher = async () =>
  await fetch('https://jsonplaceholder.typicode.com/posts').then((response) =>
    response.json(),
  )

const { data, suspense } = useQuery({ queryKey: ['test'], queryFn: fetcher })

await suspense()
</script>