fix(scripts): trigger onload event for inlineHTML

Author: harlan-zw

packages/unhead/src/composables/useScript.ts

@@ -1,5 +1,5 @@
 import { NetworkEvents, hashCode } from '@unhead/shared'
-import type { Head, HeadEntryOptions, Script, ScriptInstance, UseScriptInput, UseScriptOptions } from '@unhead/schema'
+import type { DomRenderTagContext, Head, HeadEntryOptions, Script, ScriptInstance, UseScriptInput, UseScriptOptions } from '@unhead/schema'
 import { getActiveHead } from './useActiveHead'
 
 export function useScript<T>(input: UseScriptInput, _options?: UseScriptOptions<T>): T & { $script: ScriptInstance<T> } {
@@ -83,6 +83,17 @@ export function useScript<T>(input: UseScriptInput, _options?: UseScriptOptions<
     }
   })
 
+  function resolveInnerHtmlLoad(ctx: DomRenderTagContext) {
+    if (ctx.tag.key === key) {
+      // trigger load event
+      script.status = 'loaded'
+      head!.hooks.callHook('script:loaded', hookCtx)
+      typeof input.onload === 'function' && input.onload(new Event('load'))
+      head!.hooks.removeHook('dom:renderTag', resolveInnerHtmlLoad)
+    }
+  }
+  input.innerHTML && head.hooks.hook('dom:renderTag', resolveInnerHtmlLoad)
+
   // 3. Proxy the script API
   const instance = new Proxy({}, {
     get(_, fn) {