fix: unwasm module loading strategy

Author: harlan-zw

src/compatibility.ts

@@ -40,6 +40,7 @@ const cloudflare: RuntimeCompatibilitySchema = {
   'sharp': false,
   'wasm': {
     esmImport: true,
+    lazy: true,
   },
 }
 const awsLambda: RuntimeCompatibilitySchema = {
@@ -90,6 +91,7 @@ export const RuntimeCompatibility: Record<string, RuntimeCompatibilitySchema> =
     'wasm': {
       // lowers workers kb size
       esmImport: true,
+      lazy: true,
     },
   },
   'cloudflare-pages': cloudflare,

src/runtime/nitro/og-image/bindings/css-inline/wasm.ts

@@ -1,8 +1,7 @@
 import { initWasm, inline } from '@css-inline/css-inline-wasm'
-import { importWasm } from '../../../util/wasm'
 
 export default {
-  initWasmPromise: initWasm(importWasm(import('@css-inline/css-inline-wasm/index_bg.wasm' as string))),
+  initWasmPromise: initWasm(import('@css-inline/css-inline-wasm/index_bg.wasm?module' as string)),
   cssInline: {
     inline,
   },

src/runtime/nitro/og-image/bindings/resvg/wasm.ts

@@ -1,7 +1,6 @@
 import { Resvg as _Resvg, initWasm } from '@resvg/resvg-wasm'
-import { importWasm } from '../../../util/wasm'
 
 export default {
-  initWasmPromise: initWasm(importWasm(import('@resvg/resvg-wasm/index_bg.wasm' as string))),
+  initWasmPromise: initWasm(import('@resvg/resvg-wasm/index_bg.wasm?module' as string)),
   Resvg: _Resvg,
 }

src/runtime/nitro/og-image/bindings/satori/wasm.ts

@@ -1,9 +1,8 @@
 import _satori from 'satori/wasm'
 import initYoga from 'yoga-wasm-web'
 import { init } from 'satori'
-import { importWasm } from '../../../util/wasm'
 
-const wasm = importWasm(import('yoga-wasm-web/dist/yoga.wasm' as string))
+const wasm = import('yoga-wasm-web/dist/yoga.wasm?module' as string)
   .then(async yoga => await initYoga(yoga))
 
 export default {