How to pass array to vue component in antler.html file

[btsutskiridze]

Is there any easy way how to pass array to vuejs component?

to dropdown-container component in this example:

<header class="flex my-4 flex-row justify-around">
    {{ nav:pages scope='page' }}
        {{ if page:children }}
            {{ page:children }}
            <dropdown-container :items="{{ page:children }}" />
        {{ else }}
            <a href="{{ page:url }}">{{ page:title }}</a>
        {{ /if }}
    {{ /nav:pages }}
</header>

Any suggestions or help?

Thank you in advance

[duncanmcclean]

Does {{ page:children | to_json }} work at all?

[btsutskiridze]

No it doesn't

[jackmcdade]

What about '{{ pages:children | to_json }}' with single quotes around it?

[btsutskiridze]

Tried but it still doesn't work :((