Contexto : tengo un(os) componente(s) vue que están almacenados en un repositorio S3 en forma de HTML estático (llámelo child ). Ahora quiero importar estos componentes vue dentro de otro Componente Vue dentro de un Proyecto Nuxt (llámelo parent ). Así que será una página donde el contenido se represente dinámicamente.

Solución alternativa actual : en el parent , tengo fragmentos como este:

 <div id="content-test" v-html="content"/>

Donde content es una cadena HTML representada por child

Problema actual : el estilo del componente parent no funciona. Probablemente causado por algunos scripts/css que se ejecutan en el componente child

Alguna otra solución que he hecho / pienso:

• Representar el componente child dentro de iframe: no es bueno, porque quiero que el contenido del elemento child sea compatible con SEO
• Exporte el elemento child como un paquete/repositorio de npm para que pueda usarse dinámicamente en el componente parent : no es bueno, porque los node_modules del componente principal pueden crecer si el componente child es demasiado grande

¿Alguien ha tenido este problema y cómo resolverlo? Gracias