vuepress-plugin-vue-example

vuepress-plugin-vue-example

A Vuepress 2 plugin to display Vue components' live examples and source code inside documentation.

WARNING

This plugin only works using Webpack as the bundleropen in new window for Vuepress 2.

Features

  • Easy to use, with just a single vue-example tag inside .md or .vue files
  • Uses the built-in syntax highlighting features of Vuepress
  • Displays a fully-working live example
  • Splits source code in separate sections for template script and style
  • 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
Edge		Firefox
Firefox		Chrome
Chrome		Safari
Safari		Opera
Opera
last 2 versionslast 2 versionslast 2 versionslast 2 versionslast 2 versions

Demo