The easiest way to lazy load your content
yarn add vue-lazily // npm i vue-lazily
import VueLazily from 'vue-lazily'
...
app.use(VueLazily) // Vue.use(VueLazily)
<template>
<Lazily action="https://api.themoviedb.org/3/movie/now_playing">
<template #pending> ... </template>
<template #error="{ error }"> ... </template>
<template #default="{ data }"> ... </template>
</Lazily>
</template>
Check the Documentation and Why?
Scroll to example