fix: is in viewport doc

svecosystem · Jan 5, 2025 · 01a8f4d · 01a8f4d
1 parent bf4d6fa
commit 01a8f4d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/sites/docs/src/content/utilities/is-in-viewport.md b/sites/docs/src/content/utilities/is-in-viewport.md
@@ -50,7 +50,9 @@ one-time animations or loading content when it becomes visible:
 	});
 </script>
 
-<div bind:this={targetNode} class="transition" class="transition-opacity {inViewport.current ? 'opacity-100' : 'opacity-0'}">
+<div bind:this={targetNode} class="transition" class="transition-opacity {hasBeenSeen ? 'opacity-100' : 'opacity-0'}">
+	I'll fade in once when first visible, then stop observing
+</div>
 ```
 
 ### Observer Controls