vuepress-plugin-vue-example
A Vuepress 2 plugin to display Vue components' live examples and source code inside documentation.
Features
- Easy to use, with just a single
VueExample
tag inside.md
or.vue
files - Uses
prismjs
for syntax highlighting - Displays a fully-working live example
- Splits source code in separate sections for
template
script
andstyle
- Capability to strip comments from the source code
- Capability to add custom code before each section using slots
- Includes expand/collapse feature in order to save space
Browsers support
Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Demo
Name | Power |
---|---|
Chuck Norris | Infinity |
Bruce Lee | 9000 |
Jackie Chan | 7000 |
Jet Li | 8000 |