1.6.2 • Published 3 years ago

vuepress-plugin-live v1.6.2

Weekly downloads
342
License
MIT
Repository
github
Last release
3 years ago

vuepress-plugin-live

Make your markdown code examples come alive using vue-live

Build Status NPM Version NPM Downloads semantic-release

Install

yarn add -D vuepress-plugin-live
# or with npm:  npm install -D vuepress-plugin-live

Config

//.vuepress/config.js
module.exports = {
  //...
  plugins: [["live"]],
};

Usage

In your markdown file just add a live flag to your fenced code blocks.

Options

layout

Path to a custom layout for the vue-live instances

default

vuepress-plugin-live/layout.vue

example

//.vuepress/config.js
module.exports = {
  //...
  plugins: [
    ["live", { layout: path.resolve(__dirname, "../VueLiveLayout.vue") }],
  ],
};

noSsr

Avoid server side rendering the components in components if they are not ssr ready. Remember that vuepress build pre-compiles the html pages you need.

default

false

example

//.vuepress/config.js
module.exports = {
  //...
  plugins: [["live", { noSsr: true }]],
};

liveFilter

Allows users of theis plugin to say what fenced blocks will be rendered with vue-live.

default

(lang) => / live$/.test(lang) && / live /.test(lang);

example

//.vuepress/config.js
module.exports = {
  //...
  plugins: [
    [
      "live",
      {
        liveFilter(lang) {
          return ["vue", "js", "jsx"].includes(lang);
        },
      },
    ],
  ],
};
1.6.2

3 years ago

1.6.1

3 years ago

1.6.0

4 years ago

1.5.3

4 years ago

1.5.2

4 years ago

1.5.1

4 years ago

1.5.0

4 years ago

1.4.2

5 years ago

1.4.1

5 years ago

1.4.0

5 years ago

1.3.0

5 years ago

1.2.0

5 years ago

1.1.0

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

0.2.0

5 years ago

0.1.0

5 years ago

0.0.8

5 years ago

0.0.7

5 years ago

0.0.6

5 years ago

0.0.5

5 years ago

0.0.4

5 years ago

0.0.1

5 years ago