bfehub / vmi

用于组件开发场景的 VuePress 的插件和主题。

vmi

文档及演示

当前依赖 VuePress v2.0.0-beta.60 版本

Vmi 是一个用于组件开发场景的 VuePress 的插件集合。尽量通过插件能有相似 Dumi 的 Demo 体验，又能保持 VuePress 强大的文档编写能力。

特性

• 强大的 demo 演示能力，支持多种展示模式。

• 支持页面路径映射，自定义组织组件文档。

• 支持翻译缺失，自动生成缺失语言的页面。

• 主题样式布局同步(待完善)。

示例

亮色模式

暗黑模式

Issue

If you have a better suggestion, please create an issue

License

The code is released under the MIT license

vmi's Issues

demoUrl 属性不支持动态组装属性，会渲染成 -iframe.html

markdown 源码

实际渲染的结果

use codeBlockPlugin will block vuepress build with createVueApp is not a function

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

支持移动端吗

请问我怎么把这个项目弄到本地来 如何使用 npx bfehub / vmi ？

能否提供codesanbox运行

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

怎样支持 raw 和 iframe 属性共同使用？

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

请教一下Vue2 + Vuepress 1的实现思路（2）

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

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

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

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

请教一下Vue2 + Vuepress 1的实现思路

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

烦请尽快升级到vuepress的2.0.0-beta.53版本