npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

markdown-it-vue-component

v0.0.17

Published

A Markdown-it plugin to render Vue components inside Markdown, supporting streaming rendering.

Readme

[!WARNING] This plugin is no longer maintained. Please migrate to the new, more powerful version: markdown-it-fusion.

The new plugin offers native support for stream rendering, dynamic component injection, and custom tag replacement.


此插件已停止维护。 请迁移至功能更强大的新版本:markdown-it-fusion

新插件原生支持 流式渲染动态组件注入自定义标签替换

Deprecation Notice / 弃用通知

This project has been superseded by markdown-it-fusion, a completely rewritten and more advanced plugin.

The new version is architected from the ground up to support modern front-end development, with key features including:

  • Native Stream Rendering: Flawlessly handles streaming data, rendering content progressively as it arrives for an ultra-responsive UI.
  • Inject Any Component: Seamlessly insert any Vue or React component directly into your Markdown using HTML-like syntax (<MyComponent ... />).
  • Custom Tag Replacement: Go beyond standard Markdown by defining rules to replace any custom tag with interactive components.
  • Structured Output (Segments): Instead of flat HTML, get a structured list of text and component segments for precise, high-performance rendering and updates.

We strongly recommend all users to upgrade to markdown-it-fusion for these powerful features and ongoing support.


本项目已被 markdown-it-fusion 取代。这是一个完全重写、更高级的插件。

新版本从底层架构开始,专为现代前端开发而设计,其核心特性包括:

  • 原生流式渲染:完美处理流式数据,在数据到达时渐进式渲染内容,提供极致灵敏的 UI 体验。
  • 注入任意组件:使用类 HTML 语法(<MyComponent ... />),将任意 Vue 或 React 组件无缝插入 Markdown。
  • 自定义标签替换:通过定义规则,将任意自定义标签替换为交互式组件,超越标准 Markdown 的限制。
  • 结构化输出 (Segments):不再是扁平的 HTML,而是获取结构化的文本与组件段落列表,以实现精确、高性能的渲染与更新。

我们强烈建议所有用户升级到 markdown-it-fusion,以体验这些强大功能并获得持续的技术支持。