createContentLoader do not render Vue components in html output

[gonny]

Describe the bug

I have few *.md pages where I use custom globally registered Vue component to display formatted output. Display of such page using URL is as expected. But when I create createContentLoader and enable render: true option then I get HTML code without rendered Vue component, as a custom tag.

Reproduction

I prepared stackblitz code reproducing this issue. Link single card works as expected. card list loads data dynamically and displays the received html content.

https://stackblitz.com/edit/vite-8wtjts

Expected behavior

The render: true in createContentLoader should return also rendered Vue component instead of inline tag.

System Info

System:
    OS: macOS 11.7.10
    CPU: (4) x64 Intel(R) Core(TM) i5-4258U CPU @ 2.40GHz
    Memory: 87.34 MB / 8.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 18.13.0 - /usr/local/bin/node
    npm: 9.8.1 - /usr/local/bin/npm
    pnpm: 8.9.1 - /usr/local/bin/pnpm
  Browsers:
    Chrome: 118.0.5993.117
    Safari: 16.6.1
  npmPackages:
    vitepress: 1.0.0-rc.24 => 1.0.0-rc.24

Additional context

No response

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[brc-dd]

It might not be expected behavior for you, but that function is only meant to convert markdown to vue-html. Any vue syntax inside that markdown file won't be touched.

[gonny]

Ok, thanks.
Is there any way how to render also the Vue component? I tried to include Vue render function but warning said that it is not intended to directly render from SFC string (or something like that).

[dpi]

I’d also appreciate some guidance / best practices here.

[SwatDoge]

Not having this feature makes contentLoaders basically pointless