bruh/src/components/optimized-picture/hydrate.mjs

The thinnest possible layer between development and production for the modern web.

export default (className = "bruh-optimized-picture") =>
  document.querySelectorAll(`.${className} > img`)
    .forEach(img => {
      const removeLQIP = () => img.removeAttribute("style")

      if (img.complete)
        removeLQIP()
      else
        img.addEventListener("load", removeLQIP, { once: true })
    })