When working with vue component I pretty much can do this:
parent:
<hero-solution :doc="doc" parent="/sector/retail" suite="RX" theme="#5654A7" />
child:
<h3 :style="{color: $attrs.theme}" class="pt-8">Example</h3>
But this does not work when I attempt to pass similar via ..
<slice-zone type="retail" :uid="$route.params.uid" :doc="doc" theme="#5654A7" />
The 'theme' prop just never becomes available, which I use the vue inspection tool, I can see the value against the SliceZone but it's not shown for any of the children.
Please give a fully realised example of how to pass dynamic values from the parent down to the child slices using <slice-zone>
.
Thanks