bfehub / vmi Goto Github PK

用了这个插件打包 vuepress 的时候会触发 createVueApp 错误

之前的方法在 md 文件中写死的情况下确实是可行的，但是在实时分析 标签并渲染组件的情况下不太可行。

逻辑大致是这样：在 html_inline 函数中解析 并渲染 demo 和 demo 源码，同时往 store 里存 demo 的组件名称和路径；然后在 render 中添加 <script setup> 注册 demo 组件。

但问题在于 render 函数是先于 html_inline 函数执行的，因此并不能正确的拿到 store 的组件名称和路径。

我想了很多方法始终解决不了这个问题，麻烦解答一下，万分感谢！！！

我看了一下源码，大致整理了一下渲染 demo 的逻辑，想要在 Vuepress 1中实现一下，但是发现 Vuepress 1 中 extendPageData 传过来的 page 对象没有 sfcBlocks 属性，没法将 demo 注册为页面可以使用的组件；我想了各种办法去实现，最后都行不通；我第一次写 Vuepress 插件还不太熟悉，想请教一下 Vuepress 1的实现思路，万分感谢！

markdown 源码

实际渲染的结果

这个太棒了， 完全模拟了dumi， 如果能提供 dumi那样的codespanbox链接 就更完美了

iframe 模式下，src 引用的 vue 文件如果有 import 的话会解析，导致报错，但是使用 raw 只能展示代码