I was running into issues like this with HMR as well as in other cases where a change in props to a Vue component resulted in the component being destroyed and recreated. What worked for me was to switch not use `pin: true`. In other words, separate the trigger and the pin. So my markup, now, is kind of like:
<div class='component'>
<div class='pin'></div>
</div>