Combine Vue within Vue components to render HTML

Question

I'm trying to upgrade a project from Vue 2 to Vue 3, where I have a component that contains a collection of different Vue components.

The way it works in Vue 2 is to call the Twig template in Twig (eg: field.twig) and send it to Vue for compilation using the :is attribute and the Vue.compile method (<div : is"compile(element.content)...").

This is what the Twig template sends to Vue.

Answer 1

You can try https://markus .oberlehner.net/blog/distributed-vue-applications-loading-components-via-http/ or https://www.npmjs. com/package/vue-runtime-template-compiler But I'm not sure if these apply to Vue 3...