UiTabHeaderItem not reactive when using slots

[sagg]

Hi,

it seems that the reactivity of UiTabs header is broken when passing a slot.
I made a small example, just click the button which increases an integer value.
How you can see the counter in the first tab is always one value behind. The third example is just a possible workaround, nothing special. :)

https://codesandbox.io/embed/keen-ui-uitabs-reactivity-mq3jz

Or am i doing something wrong? I can't get it working without the workaround.

Thanks again!

[JosephusPaye]

Hi @sagg,

Not sure that's happening there, might be an edge case with Vue's slots combined with a custom render function.

It's probably related to how the header slot is indirectly rendered using a custom render component:

• https://github.com/JosephusPaye/Keen-UI/blob/next/src/UiTabs.vue#L22
• https://github.com/JosephusPaye/Keen-UI/blob/next/src/render.js

Needs a closer look.

Thanks for the repro BTW, very useful.