fix: blank image in safari, algin #461, #478

src/embed-images.ts

@@ -67,7 +67,12 @@ async function embedImageNode<T extends HTMLElement | SVGImageElement>(
 
     const image = clonedNode as HTMLImageElement
     if (image.decode) {
-      image.decode = resolve as any
+      image.onload = () => {
+        image.decode().finally(() => {
+          requestAnimationFrame(resolve)
+        })
+      }
+      image.decoding = 'sync'
     }
 
     if (image.loading === 'lazy') {

src/util.ts

@@ -200,7 +200,7 @@ export function createImage(url: string): Promise<HTMLImageElement> {
   return new Promise((resolve, reject) => {
     const img = new Image()
     img.onload = () => {
-      img.decode().then(() => {
+      img.decode().finally(() => {
         requestAnimationFrame(() => resolve(img))
       })
     }