Trigger visibility 200px before it shows up in the viewport.

[mrcl]

I would like to trigger loading the data of a component slightly before it shows up in the viewport.
Reading the IntesectionObserver documentation it seemed that this could be achieved by increasing the bottom margin of the root, using the rootMargin option ('0px 0px 200px 0px'). But I probably am mistaken as I could not make it work.

Is there a proper way to do it using vue-observe-visibility?

Cheers

[RayanIJ]

<div class="card" v-observe-visibility="{ callback: (isVisible, entry) => visibilityChanged(isVisible, entry), intersection: { rootMargin: '200px' } }">