@brendonovich/kobalte__solidbase/src/config/remark-plugins/kbd.ts

Fully featured, fully customisable static site generation for SolidStart

import { visit } from "unist-util-visit";

export function remarkAddClass() {
	return (tree: any) => {
		visit(tree, (node) => {
			if (node.type !== "mdxJsxTextElement" || node.name !== "kbd") return;

			node.attributes ??= [];

			const found = node.attributes.find((attr: any) => attr.name === "class");

			if (found) {
				found.value += " sb-kbd";
			} else {
				node.attributes.push({
					type: "mdxJsxAttribute",
					name: "class",
					value: "sb-kbd",
				});
			}
		});
	};
}