javascript - 在 Vue.js 组件中集成 ObservableHQ

Question

我的问题如下：

我试图强制 Vue.js 和这个Observable 笔记本共存。

特别是，我想将该笔记本嵌入到我的组件中：

<template>
<div>
<div class="explainer"></div>
</div>
    
</template>

<script type="module">

import {Runtime, Inspector} from "../observablehq/sarscov2/runtime";
import define from "../observablehq/sarscov2/explainer";
export default {
    mounted(){
        (new Runtime).module(define, name => {
            if (name === "explainer") return Inspector.into(".explainer")()
        })
    }
}

</script>

<style>

</style>

现在，请注意我在 Observable 站点中使用了 Embed 功能，并选择了 Vanilla JS 输出。然后我创建了该脚本并在本地下载了 js 文件（据我所知，Vue 不允许远程导入）。但结果如下：

没有 SVG。

因此，查看脚本内部，我发现问题可能是该文件也尝试导入另一个外部资源，并且由于某种原因不允许这样做。

总之，我该如何解决这个问题？