@xieyuheng/postmark-components-vue3 v0.2.13

Postmark Components -- for Vue3

Components for rendering Postmark Nodes.

By which your can provide custom components to render your markdown extensions.

• Only to be used with tailwindcss.

Demo

We have a demo page at:

• https://postmark-components-vue3.vercel.app

Usage

You can copy the code in src/components to your project, and use them as the base for your highly customized markdown renderer.

You can also install this package:

npm i @xieyuheng/postmark-components-vue3

And import the components as the following:

import { components } from "@xieyuheng/postmark-components-vue3"

// Or use `require` to import and use `components` in one line:
require("@xieyuheng/postmark-components-vue3").components

A complete example:

• Where the @/components/cicada-block is a custom component for rendering cicada code block.

<md-document
  :document="state.document"
  :custom-block-components="{
    Cicada: {
      component: require('@/components/cicada-block').default,
      props: (node) => ({
        text: node.text.trim(),
        index: node.value.index,
        info: node.info,
        loadMod: () => state.mod,
      }),
    },
  }"
/>

Contributions

Be polite, do not bring negative emotion to others.

• TODO.md
• STYLE-GUIDE.md
• CODE-OF-CONDUCT.md
• When contributing, add yourself to AUTHORS

License

• GPLv3