I'm trying to pass an array with database data ,some of the fields are Objects from related tables

I tried this way:

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

I get this error

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

macrocategory is a field that contain an entity object of a reletad table

Is possible to pass de database data to vue?