Fetch data with useAsyncData

In this lesson, we call the useAsyncData function to limit the request to OMDB only to the server side on initial page load.

Note: In the video I missed awaiting useAsyncData like this:

const { data } = await useAsyncData(() => {
  return $fetch(`http://www.omdbapi.com/?apikey=8e3f600b&i=${route.params.id}`);
});

Links

• Nuxt Docs: useAsyncData