useStoryblokRichText.render() rendering VNode instead of HTML

[codeflorist]

Describe the issue you're facing

I'm trying to use useStoryblokRichText. In the docs the following example is stated:

<script setup>
  ...

  const { render } = useStoryblokRichText({
    resolvers,
  })

  const html = render(blok.articleContent);
</script>

<template>
  <div v-html="html"></div>
</template>

This however only outputs [object Object], since the render-function returns a VNode instead of rendered html.

Imho the correct solution would be:

<script setup>
  ...

  const { render } = useStoryblokRichText({
    resolvers,
  })

  const RichTextVNode = render(blok.articleContent);
</script>

<template>
  <RichTextVNode />
</template>

Reproduction

https://stackblitz.com/edit/vitejs-vite-j1rudk?file=src%2Fpages%2FHome.vue

Steps to reproduce

No response

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.20.3 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm

Used Package Manager

npm

Error logs (Optional)

No response

Validations

• Follow our Code of Conduct