Gutenberg blocks + Vue (Nuxt.js)

Hi there!

Can anyone lead me to any information that could help me on integrating Gutenberg blocks to my Headless frontend running on Vue? (Nuxt.js framework).

The problem is that I can’t apply any scripts to my rendered blocks that I output in the following way:

<Header :class="urlTeam"></Header>

<div v-html="data.content" />

<Footer></Footer>

All the Gutenberg blocks render here via WPGraphQL plugin (v-html=”data.content”) but I can’t access any Vue components inside.

So if I build a custom Gutenberg block and use Vue markup inside – it just won’t work, I can’t apply any JS scripts to the content rendered that way.

Nothing complex, I just need to be able to use a carousel functionality inside Gutenberg editor, and use on click method for some spoilers components.

Appreciate any help or tips that could help me in advance!