dewfall123 / ruabick Goto Github PK

我传入 style 和 class 都没有在dom上生成，有时候，我想自定义渲染效果区域的背景颜色什么的。

<demo src="./demo/demo.vue" style="background-color: #F1F5F8;" class="test-class" title="Demo 演示1" desc="这是一个 Demo 渲染示例1"></demo>

请问如何配置才能让Vue SFC Playground里识别el-button组件？

必要要用ts吗？

不用ts，用js可以吗？

源码：

使用：

报错：

vite配置：
在plugins已配置@vitejs/plugin-vue-jsx

md-demo-plugins插件会在markdown目录下自动生成demo-1.vue文件
看起来不会自动删除

如果自动删除不好实现，是否考虑将生成的文件放在temp或者dist文件夹里，方便管理

运行在本地复制功能可以正常使用，但是在在线环境中使用时复制功能就会报错，TypeError: Cannot read properties of undefined (reading 'writeText')，查了查应该是浏览器的相关安全协议。
这个可以修改下吗？

进入项目后，执行
pnpm i
pnpm site:build
cd .docs
cd .vitepress
cd dist
serve

界面

复现步骤

使用 yarn create @ruabick/vlib 新建项目后，cd ruabick-project

1. pnpm install
2. pnpm site:build

因为打包的是 .docs，编译过程中不会去执行 initial-scan docs，导致缺失 index.html 等文件

如果按照以下步骤执行，产物正常。

1. pnpm install
2. pnpm dev
3. pnpm site:build

期望

直接执行 pnpm site:build 产物正常

目前项目是使用vitepress搭建的，怎么迁移到ruabick？

Vitepress版本：1.0.0-beta.5

按文档安装demo展示插件后，使用报错如下：

可能 Vitepress 内部有部分调用里的参数没有路径，临时添加如下代码可以正常显示：

demo

export const props = {
  text: {
    type: String as PropType<string>
  }
}

const Label = defineComponent({
  props: props,
  setup(props) {
    return () => {
      return (
        <div>{props.text}</div>
      )
    }
  }
})

copy 出来的代码是 经过转码的 %3Ctemplate%3E%0A%20%20%3Cdiv%3E%0A%20%20%20%20%3CScTabs%20%3E%0A%20%20%20%20%20%20%3CTabPane%20key%3D%221%22%20tab%3D%22Tab%201%22%20style%3D%22height%3A%20200px%22%3EContent%20of%20Tab%20Pane%201%3C%2FTabPane%3E%0A%20%20%20%20%20%20%3CTabPane%20key%3D%222%22%20tab%3D%22Tab%202%22%20style%3D%22height%3A%20200px%22%3EContent%20of%20Tab%20Pane%202%3C%2FTabPane%3E%0A%20%20%20%20%3C%2FScTabs%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Ftemplate%3E%0A%0A%3Cscript%20setup%20lang%3D%22ts%22%3E%0Aimport%20%7B%20TabPane%20%7D%20from%20'ant-design-vue'%0Aimport%20%7B%20ScTabs%20%7D%20from%20'sc-ui'%0Aimport%20%22ant-design-vue%2Fdist%2Fantd.css%22%0A%3C%2Fscript%3E%0A%0A%3Cstyle%20lang%3D%22less%22%3E%0A%3C%2Fstyle%3E

你好，只支持vue3+版本吗？

vite 配置文件 external: ['vue', ...(packageJson.dependencies || {}), ...(packageJson.peerDependencies || {})]
packageJson 下的这两个key值不存在 打包报错， 去掉的话 打包成功 但是文件夹里没有html。。 这应该怎么部署到服务器上

直接通过 yarn create @ruabick/vlib 创建项目，运行 yarn install && yarn dev 报错

[vitepress] Internal server error: At least one <template> or <script> is required in a single file component.
  Plugin: vite:vue
  File: F:/git_workspace/frontend/handwrite/lc-kit/.docs/index.md
      at Object.parse$2 [as parse] (F:\git_workspace\frontend\handwrite\lc-kit\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:1275:7)
      at createDescriptor (file:///F:/git_workspace/frontend/handwrite/lc-kit/node_modules/vitepress/node_modules/@vitejs/plugin-vue/dist/index.mjs:71:43)
      at getDescriptor (file:///F:/git_workspace/frontend/handwrite/lc-kit/node_modules/vitepress/node_modules/@vitejs/plugin-vue/dist/index.mjs:97:36)
      at transformMain (file:///F:/git_workspace/frontend/handwrite/lc-kit/node_modules/vitepress/node_modules/@vitejs/plugin-vue/dist/index.mjs:2270:3)
      at TransformContext.transform (file:///F:/git_workspace/frontend/handwrite/lc-kit/node_modules/vitepress/node_modules/@vitejs/plugin-vue/dist/index.mjs:2791:16)
      at Object.transform (file:///F:/git_workspace/frontend/handwrite/lc-kit/node_modules/vite/dist/node/chunks/dep-df561101.js:44283:62)
      at async loadAndTransform (file:///F:/git_workspace/frontend/handwrite/lc-kit/node_modules/vite/dist/node/chunks/dep-df561101.js:54950:29)
      at async viteTransformMiddleware (file:///F:/git_workspace/frontend/handwrite/lc-kit/node_modules/vite/dist/node/chunks/dep-df561101.js:64345:32)

比如这样写，页面代码块中会出现两个123

123

由于 mdit-vue/plugin-component 插件，现在 demo 标签解析为 html_inline （ vitepress>= 1.0.0-alpha.9）。代码中的 md.renderer.rules.html_block 规则未命中。

更换规则类型

const defaultRender = md.renderer.rules.html_inline;
md.renderer.rules.html_inline = (tokens, idx, options, env, self) => {}

或者两种兼容。

const genRule = (rule: string) => {
    const defaultRender = md.renderer.rules[rule];
    md.renderer.rules[rule] =  (tokens, idx, options, env, self) => {}
}

genRule('html_block');
genRule('html_inline');

复制代码功能乱码

现象

"scripts": {
    "dev": "initial-scan --srcDir lib && vitepress dev .docs --host"
  },

执行 pnpm dev

initial-scan 扫描文件正确，但 dev 监听的还是 src/**/*.md。
所以当此刻更新lib/**/*.md文件时，站点不会更新，需重新扫描。

期望

@ruabick/vite-plugin-gen-temp 函数 genTemp 支持传递配置项，自定义 srcDir

入口文件都没有？还是要额外配置？

我看了源码貌似有套ClientOnly这个组件。但打包的时候还是会报一系列window、document、XMLHttpRequest之类的node错误。

It is rather out-of-date, please update it when possible.

写两个demo标签在 md文件里会报错

Vue SFC Playground 没有配置 importMap的地方啊