calebman / vuepress-plugin-demo-container Goto Github PK

::: demo

<<< @/filepath

:::

========================>

上面的 @/filepath 文件内容就是下面的。是否能够支持我在 markdown 文件外写好示例，用代码块的方式导入到markdown文件，渲染出效果的同时将源代码展示出来，目前测试好像不支持，下面的方式可以正常显示。上面的不行

::: demo

<template>
  <div class="box-vue">Vue {{ message }}</div>
  <a-button @click="handle" type="primary">winyh</a-button>
</template>
<script>
  export default {
    data: () => ({ message: "Hello World" }),
    methods: {
      handle(e) {
        console.log(e.target.nodeName);
      },
    },
  };
</script>
<style>
  .box-vue {
    color: red;
  }
</style>

:::

pnpm 安装的项目 不能修改渲染的vue模板文件

与elementui表格渲染冲突，与elementui时间选择器渲染冲突

plugins: { 'demo-container': { locales: [ { "lang": "zh-CN", "demo-block": { "hide-text": "隐藏", "show-text": "显示", "copy-text": "复制", "copy-success": "成功" } }, { "lang": "en-US", "demo-block": { "hide-text": "Hide", "show-text": "Show", "copy-text": "Copy", "copy-success": "Successful" } } ] } }

Hope to support typescript：
ex:

<script lang="tsx">
import { Component, Vue, Prop, Watch } from 'vue-property-decorator'

@Component({
    name: 'XXX',
    components: {
        popus
    },
})
export default class XXX extends Vue {
    
}
</script>

The plugin very well.
But now, I'm working code with Vue3.
I run command vuepress dev .
some errors like that:

wait Extracting site metadata...
tip Apply theme @vuepress/theme-default ...
warning An error was encountered in plugin "demo-container"
tip Apply plugin container (i.e. "vuepress-plugin-container") ...

Maybe not support Vue3 i thought

实现简单动画的Demo

Because of core-js@3 is more popular and for a better project design, we want you could support core-js@3.
Best wishes!

将 “Expane” 替换成 “展开“ 这样，文档上面没看出怎么换，求助。。

现在主流的库都依赖 core-js@3 ，使用这个库会导致无法和其他库集成，能升级到core-js@3吗

请问什么时候可以支持vuepress2

另外这个vuepress能展示demo的空间太小了，如果是布局组件，在这么小个容器宽度下完全走样，如果能加个全屏按钮，进入全屏展示就好

.vuepress/config.js
plugins: ['demo-container']

enhanceApp.js 与您源码配置一直

为什么组件无法渲染 只渲染出了代码片段

我真正使用他，但是团队风格是 pug + stylus ;

这里的treeLoading是一个data对象的一个属性，但是他会报没有定义，如果使用vue2的export default {} 的语法就是正常的，
我试了好多插件，凡是通过vue-property-decorator写的组件都不行，都会遇到如上问题，是不是vuepress不能够解析这种语法呢？

有问题！只能渲染首页！请求第二页面时，只能完全刷新！

配置vuepress的代码行号配置之后，左侧示例代码被行号遮挡。

加入行号后出现遮挡

你好，我遇到的问题如下，

README.md: 'import' and 'export' may only appear at the top level (323:4)

// README.md

::: demo
```html
<template>
{{list[0]}}
</template>
<script>
import axios from 'axios'
export default {
  data: () => ({ list: [] }),
  mounted: {
    axios.get('xxx').then(res => this.list = res.data)
  }

}
</script>

:::demo