vuepress-plugin-vue-example
GitHub
GitHub
  • Introduction
  • Installation and Usage
  • Options

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 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

  • Example
  • Template
  • Script
  • Style
Name Power
Chuck NorrisInfinity
Bruce Lee9000
Jackie Chan7000
Jet Li8000
Edit this page
Last Updated:
Next
Installation and Usage