useFetch and lazy option

By default, data fetching composables will wait for the resolution of their asynchronous function before navigating to a new page by using Vue’s Suspense. This feature can be ignored on client-side navigation with the lazy option. In that case, you will have to manually handle loading state using the pending value.

const { pending, data: pizza } = useFetch(
  'https://reqres.in/api/users/1?delay=3',
  {
    lazy: false,
  }
);

const { pending, data: pizza } = useFetch(
  'https://reqres.in/api/users/1?delay=3',
  {
    lazy: false,
  }
);