rendering custom vue component from string

[dhaladitya108]

I'm working on a scenario where I need to render an HTML string that contains both standard HTML tags and custom Vue components within my Vue application. Here's a simplified example of what the string might look like:

const htmlString = `
  <div>
    <h1>hello world</h1>
    <p dir="auto">some content</>
    <NewComp text="some kind of text here" />
  </div>
`

I understand that using v-html will render the HTML tags, but it won't process the Vue component (). I'm looking for guidance on the most effective way to handle this.

Thanks in advance for your insights!

[Shyam-Chen]

https://vuejs.org/guide/extras/render-function.html