fuxt
fuxt copied to clipboard
Get the Blur hash working on wp-image
Currently WordPress is saving Blur Hash's with every image as an ACF field.
What is a Blur Hash? https://github.com/woltapp/blurhash
We just need to use that Blur Hash in the wp-image component instead of the solid background color we use currently. Ideally there would be a prop that enables/disables it blur-hash.
I think ideally we have a prop blur-hash that can be used to supply a blur hash, but the image prop can also include the blur hash as meta (like it does with image height/width currently). I figure if you set blur-hash="none" then it disables the blur hash and uses the current background color setting.
https://github.com/mad-gooze/fast-blurhash
https://unlazy.byjohann.dev/integrations/nuxt.html