How to apply multiline code block in markdown generated by vue-docgen-cli to mdx?

[fifzteen]

I have Vue component like below.
There are multiline code blocks in props JSDoc.

export default {
  props: {
    /**
     * Foo
     * 
     * ```
     * // example
     * ['foo', 'bar', 'baz']
     * ```
     */
    foo: {
      type: Array,
      default: () => [],
    },
  },
}

parse this component by vue-docgen-cli, generated .md below.

| Prop name | Description                                                  | Type  | Values | Default |
| --------- | ------------------------------------------------------------ | ----- | ------ | ------- |
| foo       | Foo<br/><br/>`<br/>//example<br/>['foo', 'bar', 'baz']<br/>` | array | -      | []      |

(not using Autodocs, to append custom document markdown in mdx)

import .md to .mdx

import { Markdown } from '@storybook/blocks'
import Doc from '.doc/Foo.md?raw'

<Markdown>{Doc}</Markdown>

rendered like this.

I want to apply linefeed (<br/>) like below.

Is there a way to achieve this?

passing options.overrides to markdown-to-jsx? or configure vue-docgen-cli(vue-docgen-api)...?

---

Stroybook: 7.3.1
vue-docgen-cli: 4.67.0
vue: 3.3.4