feature request: shortcut markup for <kbd> elements

[nekomeowww]

Currently the experience of writing <kbd> elements and nested <kbd> elements for keystrokes when documenting key bindings are causing headaches.

Can we introduce some of the currently using markup for <kbd> and port them into markdown-it by looking up the rehype, remark and micromark communities?

[Ampernic]

This would be great, since when trying to use markdown-it-kbd and bi-directional-links at the same time - the latter starts cluttering the log with attempts to parse kbd as bi-directional syntax.

[nekomeowww]

Note

In Nolebase, I directly use <kbd data-macos-keyboard-key="command">command</kbd> + <kbd data-keyboard-key="space">space</kbd> markup along with the CSS styles I manually tweaked for VitePress to make it possible to attach icons and logos for the keys.

These are the known markups I know for sure to look into:

• remark-kbd - npm
• twardoch/remark-kbd-plus: Plugin for remark to allow ++Cmd++ -> Cmd
• remark-extensions/packages/remark-kbd-nested at main · shivjm/remark-extensions