# vue-marked-loader

> webpack loader of converting markdown to vue component based on marked

Latest version **0.1.1** (published 2017-01-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-marked-loader
pnpm add vue-marked-loader
yarn add vue-marked-loader
bun add vue-marked-loader
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2017-01-13 |
| First published | 2017-01-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Known vulnerabilities | 0 (+5 in 3 direct dependencies) |
| Install scripts | no |
| GitHub stars | 3 |
| Author | 321jiangtao@gmail.com |
| Maintainers | jerret321 |
| Keywords | vue, markdown, vue-loader, vue-marked-loader |

## Links

- npm: https://www.npmjs.com/package/vue-marked-loader
- Repository: https://github.com/Jerret321/vue-marked-loader
- Homepage: https://github.com/Jerret321/vue-marked-loader#readme
- Issues: https://github.com/Jerret321/vue-marked-loader/issues
- npm.io page: https://npm.io/package/vue-marked-loader

## Dependencies (5)

- [marked](https://npm.io/package/marked.md) ^0.3.6
- [rimraf](https://npm.io/package/rimraf.md) ^2.5.2
- [dom-parser](https://npm.io/package/dom-parser.md) 0.1.5
- [highlight.js](https://npm.io/package/highlight.js.md) ^9.9.0
- [loader-utils](https://npm.io/package/loader-utils.md) ^0.2.15

## Alternatives

- [@mdxeditor/editor](https://npm.io/package/@mdxeditor/editor.md) — 962.4K weekly downloads
- [mmdb-lib](https://npm.io/package/mmdb-lib.md) — 680.9K weekly downloads
- [playcanvas](https://npm.io/package/playcanvas.md) — 36.2K weekly downloads
- [@glw907/cairn-cms](https://npm.io/package/@glw907/cairn-cms.md) — 967 weekly downloads
- [markdown-to-confluence](https://npm.io/package/markdown-to-confluence.md) — 103 weekly downloads

## Recent versions

- 0.1.1 (latest) — 2017-01-13
- 0.1.0 — 2017-01-11

## README

# vue-marked-loader

> Convert Markdown file to Vue Component using marked, support custom languages

## Installation

```bash
npm i vue-marked-loader -D
```

## Feature

- Hot reload
- Write vue script
- Code highlight
- support custom languages

## Usage

[Documentation: Using loaders](http://webpack.github.io/docs/using-loaders.html)

`webpack.config.js` file:

```javascript
module.exports = {
  module: {
    loaders: [{
      test: /\.md/,
      loader: 'vue-marked-loader'
    }]
  },
  code2html: ['props'],  // support ```props
  use: function(marked, code, lang, highlight) {
    if(lang == 'props'){ // ```props return your custom container
      return `<div class="json"><pre><code>//  custom container \n${code}</code></pre></div>`
    }
  }
};
```

the full usage, please view example folder

## attention

When the markdown file is compiled, make sure that `script`, `style` are just once included. You  can check your compiled file in the folder `node_modules/vue-marked-loader/.cache/`

## Thanks

- based on [marked](https://github.com/chjj/marked)
- read and learn [vue-markdown-loader](https://github.com/QingWei-Li/vue-markdown-loader)

## License
MIT

---
_Source: https://npm.io/package/vue-marked-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._