WebAssembly in WebAssembly

[CodingTil]

How would one load and run external WebAssembly in Yew?

All I have found about this topic is this documentation, but how I can I do this in Yew?

Personal Motivation:
I have a rust wgpu wasm project, which of course can also run in the browser.
I now want that one page of my personal website, written in Yew, displays this project. For this, I must somehow load the wasm file.

What I have tried:

1. Linking the js and wasm files generated by wasm-pack build --target web in that project to trunks index.html, and something along the lines of:

html! {
   <script type="module">{r#"
       import init from "./pkg/other.js";
       init().then(() => {
           console.log("WASM Loaded");
       });
   "#}</script>
}

Produces: Error: Loading module from “http://localhost:8080/pkg/other.js” was blocked because of a disallowed MIME type (“text/html”). Setting type="text/javascript;version=1.8" results in no error, but also no wasm being loaded.

2. Adapting the code in https://rustwasm.github.io/wasm-bindgen/examples/wasm-in-wasm.html. Didn't get far :c

3. Importing my wgpu project as a crate dependency, and then the following code in my component:

fn rendered(&mut self, _ctx: &Context<Self>, first_render: bool) {
	if first_render {
		wasm_bindgen_futures::spawn_local(
			async {
				run().await;
			}
		);
	}
}

Error: panicked at 'Couldn't append canvas to document body.', /home/tilmohr/.cargo/git/checkouts/fractal_rust-d303dcaeab432fcd/2e47aeb/src/lib.rs:464:14