Popup isn't always reactive in slot referenced props with v-if

[joerattz]

Note: for support questions, please use stackoverflow. This repository's issues are reserved for feature requests and bug reports.

• I'm submitting a ...
  • bug report
  • feature request
  • support request => Please do not submit support request here, see note at the top of this template.

• Do you want to request a feature or report a bug?

This is a bug.

• What is the current behavior?

The bug doesn't happen every time. I'm assuming it's timing related. If I use v-if on a sui-popup, my slot element's referenced props are not always reactive (displaying the latest value).

Here's an example:

<sui-popup v-if="renderPopup" :content="Some hover text">
    <div slot="trigger">IF:  {{firstName}}</div>
</sui-popup>
<div v-else>ELSE:  {{firstName}}</div>

The firstName prop will not always render properly (rendering the most recent value - broken reactivity) in the slot element.

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via
  https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).

Are you aware that the template recommended above is an angular template?

To reproduce this, you will need to update the firstName and renderPopup prop values multiple times. Also, if I replace renderPopup with true the problem doesn't seem to reproduce.

• What is the expected behavior?

The expected behavior is for the slot to render with the most recent value of the props it references.

• What is the motivation / use case for changing the behavior?

So that the component functions properly.

• Please tell us about your environment:

Vue.js v2.6.11
semantic-ui-vue v0.10.1
Chrome 90.0.4430.212 (Official Build) (64-bit)

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)