Better typings

Author: zerodevx

src/lib/FxParallax.svelte

@@ -12,7 +12,7 @@ export { classes as class }
  * - value of 0 effectively makes the element scroll fixed with the page
  */
 export let factor = 0.75
-/** @type {Object|undefined} bindable reference to this component */
+/** @type {HTMLImageElement|undefined} bindable reference to <img> element */
 export let ref = undefined
 
 let mounted = false

src/lib/FxReveal.svelte

@@ -5,7 +5,7 @@ import { onMount } from 'svelte'
 
 /** @type {Object[]} imagetools import */
 export let src = []
-/** @type {Object|undefined} bindable reference to this component */
+/** @type {HTMLImageElement|undefined} bindable reference to <img> element */
 export let ref = undefined
 
 let sources = []

src/lib/SvelteImg.svelte

@@ -11,7 +11,7 @@ export let height = undefined
 export let loading = 'lazy'
 /** @type {'async'|'auto'|'sync'} */
 export let decoding = 'async'
-/** @type {Object|undefined} bindable reference to this component */
+/** @type {HTMLImageElement|undefined} bindable reference to <img> element */
 export let ref = undefined
 
 const priority = ['heic', 'heif', 'avif', 'webp', 'jpeg', 'jpg', 'png', 'gif', 'tiff']

src/lib/_observe.js

@@ -1,5 +1,7 @@
+/** @type {IntersectionObserver} */
 let observer
 
+/** @param {Element} node */
 export default function (node) {
   observer =
     observer ||