How to render fluid data to javascript

[fgeierst]

I have some trouble to render complex data (like an array of menu items) with Fluid inside of JavaScript syntax.

https://github.com/fgeierst/typo3-11-tailwind-demo/blob/feature/render-fluid-data-to-js/packages/tailwind_demo_base/Resources/Private/Components/Navigation/Navigation.html

• Related: NamespaceDetectionTemplateProcessor removes CDATA sections TYPO3/Fluid#474

[s2b]

Did you try including menu in the Fluid object?

<div
  id="menu"
  data-reactive
  v-scope='{f:format.json(value: {menu: menu}) -> f:format.raw()}'
>
...
</div>

[fgeierst]

That works perfectly, thanks @s2b

https://github.com/fgeierst/typo3-11-tailwind-demo/blob/main/packages/tailwind_demo_base/Resources/Private/Components/Navigation/Navigation.html