Using Svelte reactivity syntax with v5, please tell me new docs is incomplete...

[frederikhors]

I saw on this page that with v5 is not possible anymore to use Svelte syntax for reactivity: $:.

The below code is for @tanstack/svelte-query v4. Is this still possible with v5?

<script lang="ts">
  import { createQuery } from '@tanstack/svelte-query'

  let intervalMs = 1000

  const endpoint = 'http://localhost:5173/api/data'

  $: query = createQuery({
    queryKey: ['refetch'],
    queryFn: async () => await fetch(endpoint).then((r) => r.json()),
    refetchInterval: intervalMs,
  })
</script>

The v5 code I read in docs is a lot more verbose!

<script lang="ts">
  import { derived, writable } from 'svelte/store'
  import { createQuery } from '@tanstack/svelte-query'

  const endpoint = 'http://localhost:5173/api/data'

  const intervalMs = writable(1000)

  const query = createQuery(
    derived(intervalMs, ($intervalMs) => ({
      queryKey: ['refetch'],
      queryFn: async () => await fetch(endpoint).then((r) => r.json()),
      refetchInterval: $intervalMs,
    }))
  )
</script>

Tell me I'm wrong, please. This would not be good news for me.