on initial client side load with `server: false`, useFetch does not await data fetching

Environment

Operating System: Darwin Node Version: v17.2.0 Nuxt Version: 3.0.0-27491748.3186841 Package Manager: yarn@1.22.10 Builder: vite User Config: - Runtime Modules: - Build Modules: -

Reproduction

https://codesandbox.io/s/unruffled-rain-zzuixq?file=/app.vue

Describe the bug

When using useFetch composable inside setup method or inside any lifecycle hook then it directly shows error. It does not even hit the backend api.

Additional context

No response

Logs

RefImpl {
  __v_isShallow: false,
  dep: undefined,
  __v_isRef: true,
  _rawValue: null,
  _value: null
}
RefImpl {
  __v_isShallow: false,
  dep: undefined,
  __v_isRef: true,
  _rawValue: null,
  _value: null
}

[bbrn]

I agree with @siddharth223437. The main issue for me is that the call is not blocked and the response never gets updated with the payload. So, the await is pointless. For me, the call is made to the backend but just doesn’t get blocked and then the only way to get the data is to watch data. This ends up behaving like useLazyFetch, which isn’t what is expected.

[mario-neuhold]

Same problem when nuxt is set to ssr: false: await is not waiting for useFetch() to actually fetch the data.