Nuxt Fundamentals: Build Full-Stack Vue.js Apps

Watch this course for FREE this weekend only.
Create an account to start watching.

or

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