Security News
Namecheap Takes Down Polyfill.io Service Following Supply Chain Attack
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
@mdit-vue/plugin-component
Advanced tools
Changelog
Readme
A markdown-it plugin to allow Vue components in markdown.
@
directive on native HTML tags.npm i @mdit-vue/plugin-component
This plugin will only take effects when the html
option of markdown-it is enabled:
import MarkdownIt from 'markdown-it';
import { componentPlugin } from '@mdit-vue/plugin-component';
const md = MarkdownIt({ html: true }).use(componentPlugin, {
// options
});
const rendered = md.render(
`\
<!-- @ shorthand is supported -->
<Foo @click="onClick" />
<!-- multi-line syntax won't be wrapped with <p> -->
<Foo
class="foo"
:bar="bar"
/>
`,
);
Type: string[]
Default: []
Details:
Extra tags to be treated as block tags.
By default, all standard HTML inline elements will be treated as inline tags (excluding Vue built-in special elements). All unknown elements will be assumed as Vue components, and will be treated as block tags (with slight differences).
In some cases (should be rare though) you might want to force some tags to behave like block tags, then you can use this option to specify the tag names.
Notice that this option is case-sensitive, and has higher priority than the inlineTags option.
Type: string[]
Default: []
Details:
Extra tags to be treated as inline tags.
By default, only standard HTML inline elements will be treated as inline tags (excluding Vue built-in special elements). All unknown elements will be assumed as Vue components, and will be treated as block tags (with slight differences).
Treating Vue components like block tags would work as expected in most cases. However, in some cases you might want to force some tags to behave like inline tags, then you can use this option to specify the tag names.
Notice that this option is case-sensitive, and has lower priority than the blockTags option.
FAQs
A markdown-it plugin to allow vue components in markdown
The npm package @mdit-vue/plugin-component receives a total of 31,106 weekly downloads. As such, @mdit-vue/plugin-component popularity was classified as popular.
We found that @mdit-vue/plugin-component demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.
Security News
A JavaScript library maintainer is under fire after merging a controversial PR to support legacy versions of Node.js.