npmpackage.info

Gathering detailed insights and metrics for @panzhiyue/vuepress-plugin-demo-container-v2

@panzhiyue/vuepress-plugin-demo-container-v2

1.0.3

1.79 kB

Installations

npm install @panzhiyue/vuepress-plugin-demo-container-v2

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

16.15.0

NPM Version

8.5.5 Releases

Unable to fetch releases

Contributors

Download Statistics

Total Downloads

1,109

Last Day

Last Week

Last Month

Last Year

174

Bundle Size

4.07 kB

Minified

1.79 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.3

Package Id

@panzhiyue/vuepress-plugin-demo-container-v2@1.0.3

Unpacked Size

452.72 kB

Size

151.30 kB

File Count

NPM Version

8.5.5

Node Version

16.15.0

Total Downloads

Cumulative downloads

Total Downloads

1,109

Last day

Compared to previous day

Last week

-50%

Compared to previous week

Last month

1,150%

Compared to previous month

Last year

-0.6%

174

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@commitlint/cli @commitlint/config-conventional @vue/composition-api ant-design-vue conventional-changelog-cli conventional-changelog-lint-config-cz core-js cz-conventional-changelog husky less less-loader markdown-it-container standard-version vue-demi vuepress

Versions

Introduction

中文 README

Demo Container V2 is a Vuepress-based plug-in, which can help you add Vue examples when writing documents.

It can help you:

Write an example to automatically generate component examples and code examples by the custom ::: demo syntax;
Support the import syntax in code example;

Install

Use yarn:

1yarn add vuepress-plugin-demo-container-v2 -D

Or npm:

1npm i vuepress-plugin-demo-container-v2 -D

Usage

Open the .vuepress/config.js file, and then reference the plugin in the appropriate location:

1module.exports = {
2  plugins: ['demo-container-v2']
3}

Write the following code in the Markdown file:

1::: demo
2```vue
3<template>
4  <div>
5    <p>{{ message }}</p>
6    <input v-model="message" placeholder="Input something..."/>
7  </div>
8</template>
9<script>
10  import { ref } from 'vue-demi'
11  export default {
12    setup () {
13      const message = ref('Hello Here')
14
15      return {
16        message
17      }
18    }
19  }
20</script>
21` ``
22<!-- ignore space in the previous line -->
23:::

View full documentation

Thanks

This project is heavily inspired by the md-loader of ElemeFE team.

Contributors

License

MIT License @2020-PRESENT Wayco Wei

No vulnerabilities found.

No security vulnerabilities found.