md-powerpack

An aggregation of useful "builder APIs" which can be used with the vite-plugin-md pipeline

Included Builders

• code - @yankeeinlondon/code-builder adds code highlighting to pages with light/dark themes out of the box.
• link - @yankeeinlondon/link-builder adds useful classes to enhance ability to style link types, switches local links to use VueJS router, and more.
• meta - @yankeeinlondon/meta-builder adds more control over setting page and route meta properties

Example Configuration

To use the core vite-plugin-md along with the powerpack's builders you would create a vite.config.ts / vite.config.js file similar to the following:

1import { defineConfig } from "vite";
2import Markdown from "vite-config-md";
3import Vue from "@vitejs/vue";
4import { code, meta, link } from "md-powerpack";
5
6export default defineConfig({
7    plugins: [
8        Vue({
9            include: [/\.vue$/, /\.md$/],
10        }),
11        Markdown({
12            builders: [code(), meta(), link()]
13        })
14    ]
15})

Every builder API will provide good defaults out of the box but you may also add configuration (all strongly typed) if you want to modify behavior.