Definition lists in Markdoc

dl.js

const Markdoc = require('@markdoc/markdoc');

const example = `
{% definition-list %}

{% definition term="this is the term" %}
This is the definition
{% /definition %}

{% definition term="another term" %}
This is a definition with **Markdown formatting**
{% /definition %}

{% /definition-list %}
`;

const config = {
  tags: {
    'definition-list': { render: 'dl' },
    definition: {
      attributes: {
        term: { type: String },
      },
      transform(node, config) {
        var children = node.transformChildren(config);

        return [
          new Markdoc.Tag('dt', {}, node.attributes.term),
          new Markdoc.Tag('dd', {}, children[0].children),
        ];
      },
    },
  },
};

const ast = Markdoc.parse(example);
const content = Markdoc.transform(ast, config);
const output = Markdoc.renderers.html(content);

console.log(output);