Estoy tratando de pasar una matriz con datos de la base de datos, algunos de los campos son objetos de tablas relacionadas

Intenté de esta manera:

 <div id="interactive-nut"> <main-frame good-macro="{{ goodMacro | json_encode | raw }}"></main-frame> </div>

me sale este error

 runtime-dom.esm-bundler.js:215 Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': 'macrocategory"

macrocategory es un campo que contiene un objeto de entidad de una tabla de reletad

¿Es posible pasar los datos de la base de datos a vue?