Vue JS: how to async load and render components when they are visible in the viewport

Question

I am relatively new to Vue JS, and I am working on a website that publishes articles that contain different types of content (videos, images) and polls (multiple poll forms