- rendered on server: <div class=​"h-full w-full z-10">​…​</div>​  
- expected on client: Symbol(v-cmt)

- rendered on server: <div class=​"h-full w-full z-10">​…​</div>​  
- expected on client: Symbol(v-cmt)

const x = useAsyncData(
  () => {
    // this will  NOT retain context in SSR call:
    const fetch = $fetch;

    // this retains context in SSR call:
    // const fetch = useRequestFetch();

    return fetch("/api/user");
  },
  {
    immediate: true,
    server: true,
    watch: false,
  },
);

const x = useAsyncData(
  () => {
    // this will  NOT retain context in SSR call:
    const fetch = $fetch;

    // this retains context in SSR call:
    // const fetch = useRequestFetch();

    return fetch("/api/user");
  },
  {
    immediate: true,
    server: true,
    watch: false,
  },
);