JavaScript - Pasar un objeto como parámetro a un web-component generado con Vue

Hola,

Tengo un web-component creado con Vue, lo he construido para implementarlo en otro proyecto que no está hecho con Vue.

El componente se integra bien, el problema es que necesita que le pase un objeto para rellenar los datos, en el proyecto de Vue era muy sencillo:

El problema viene con el componente que construye Vue, que cuando le intento pasar el objeto, me lo reconoce como un string, no como el objeto que debería contener, he probado con el v-bind pero de esa forma, ni siquiera lee el atributo, esto son los errores que me da probando de las dos formas:

y sin el v-bind que ahí si parece que el componente reconoce que de ahí tiene que sacar el contenido pero no lee el objeto:

¡Muchas gracias!

Y si pasas el objeto a traves de un JSON.stringfy/parse?

Ya lo probé, el problema es que lo que envía el componente es un texto plano, sólo envía la palabra que has puesto como atributo. Si es una variable, no lee su contenido, indistintamente de que sea un objeto o un string lo que contienen ya que no lo considera un "contenedor"

La única manera que he encontrado de hacerlo es pasar ese nombre de variable al componente hijo y de ahí, que cuando esté renderizado, con esa palabra que le he pasado, busque una variable con ese nombre en el componente donde se está renderizando y utilice su contenido