How to use the Rendering only visible icons feature of the Iconify web component?

[DAOLOGE]

Hello, how do I use the Rendering only visible icons feature of the Iconify web component? I'm using animated icons and want the animation to restart each time they enter the viewport
https://iconify.design/docs/iconify-icon/#rendering-only-visible-icons

[cyberalien]

Nuxt Icon uses Vue component, which doesn't have that function.

What you can do is create a wrapper. Use IntersectionObserver to check if icon is visible, render it if visible, render placeholder (you need to render something to attach observer to) if not.