Reactivity issue on slots

[rhmkstk]

Describe the bug

If we render a slot conditionaly root component can not react the changes, because of the slots are not reactive in vuejs.

<lui-button @click="tooggleIcon = !tooggleIcon">My Button
    <template v-if="tooggleIcon" #append> <i  class="ri-arrow-up-line"/></template>
</lui-button>

If we want to toogle the icon like above examle, button does not add the necessary class for append slots.

What version of do you have in package.json?

0.63.6

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

Possible fix

Slots should be reactive be able to fix this issue, we need to find a way make them reactive.

[ABB65]

@rhmkstk Can the code Here solve our problem?
Also, this issue may have been resolved in April with the issue here ?

[rhmkstk]

@ABB65 Issue that you provide similar to our issue but they are not same. The code that you provide use a custom component to render slots, and reads the content of the slots. Wee need the know if there is a slot or not. We do not need to know contents of the slots.

I believe that i found a very basic way to solve issue. If we check in the template whether there is a slot or not, we can react, because vue re-render the component when you toogle component.I will test and commit changes.