# vuepress-plugin-demo-container

> Vuepress plugin for demo block.

Latest version **0.2.0** (published 2020-08-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install vuepress-plugin-demo-container
pnpm add vuepress-plugin-demo-container
yarn add vuepress-plugin-demo-container
bun add vuepress-plugin-demo-container
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.0 |
| Published | 2020-08-19 |
| First published | 2020-05-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 87.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 119 |
| Author | JianhuiChen |
| Maintainers | chenjianhui0428 |
| Keywords | documentation, plugin, vue, vuepress, demo, block |

## Links

- npm: https://www.npmjs.com/package/vuepress-plugin-demo-container
- Repository: https://github.com/calebman/vuepress-plugin-demo-container
- Homepage: https://github.com/calebman/vuepress-plugin-demo-container#readme
- Issues: https://github.com/calebman/vuepress-plugin-demo-container/issues
- npm.io page: https://npm.io/package/vuepress-plugin-demo-container

## Alternatives

- [@cantoo/pdf-lib](https://npm.io/package/@cantoo/pdf-lib.md) — 297.9K weekly downloads
- [datatables.net-buttons](https://npm.io/package/datatables.net-buttons.md) — 200.1K weekly downloads
- [@ckeditor/ckeditor5-export-pdf](https://npm.io/package/@ckeditor/ckeditor5-export-pdf.md) — 167.0K weekly downloads
- [scanbot-web-sdk](https://npm.io/package/scanbot-web-sdk.md) — 15.0K weekly downloads
- [@syncfusion/ej2-angular-pdfviewer](https://npm.io/package/@syncfusion/ej2-angular-pdfviewer.md) — 8.8K weekly downloads

## Recent versions

- 0.2.0 (latest) — 2020-08-19
- 0.1.1 — 2020-07-06
- 0.1.0 — 2020-06-01
- 0.0.1 — 2020-05-30

## README

# Introduction

[点此查看中文简介](https://github.com/calebman/vuepress-plugin-demo-container/blob/master/README.zh-CN.md)

`Demo Container` is a `Vuepress-based` plug-in, which can help you add `Vue` examples when writing documents. Its original intention is to reduce the difficulty of adding some related examples when writing component documents.

Using Vuepress to write component examples has the following embarrassment:
1. Component examples and sample code are essentially the same, but need to be written twice;
2. Vuepress cannot render the `export default {}` code block in Markdown;

The Demo Container refers to Element UI's document rendering and implements the same syntax as it can be used to write sample syntax directly in Markdown.
* Element UI ColorPicker component **documentation example**, [click here to view](https://github.com/ElemeFE/element/blob/dev/examples/docs/en-US/color-picker.md)
* Element UI ColorPicker component **document sample preview**, [click here to view](https://element.eleme.cn/2.0/#/en-US/component/color-picker)。

[Click here for examples and documentation](https://calebman.github.io/vuepress-plugin-demo-container/)

---
_Source: https://npm.io/package/vuepress-plugin-demo-container · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._