fix(glow-capture): check parent template ref when unmounting

[antoinezanardi]

First of all, I want to thank you for this really cool plugin, keep the good work ❤️ ! However, I found a little problem using it.

👽 The problem

The plugin works pretty good but it faces an issue when you unmount the <GlowCapture> component. It happened when one of my component using a GlowCapture was unmounted. In my case, my component is rendered with a v-if. I had the following error when the v-if condition of my component is set to false :

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'removeEventListener')

It happens in the GlowCapture component, in the onUnmount hook :

onUnmounted(()=>{
    elementParent.value.removeEventListener("pointermove", move); // <-- elementParent.value is null
    elementParent.value.removeEventListener("pointerleave", leave);
}

💎 The solution

I just added an early return if the elementParent.value is undefined or null. That way, it prevents the error.

---

I hope you find this fix useful. Let me know if something must be changed in my PR.

[aksharahegde]

Thank you @antoinezanardi for noticing the issue and fixing it.
I appreciate your contribution. ❤️
Kindly drop your twitter handle here. I would like to shoutout.

[antoinezanardi]

Glad you found this fix useful @aksharahegde 🎉 ! I don't have twitter but you can share my profile or/and the project I've been working on which is using your nuxt-glow project : https://github.com/antoinezanardi/werewolves-assistant-web-next

[antoinezanardi]

Oh, and don't forget to publish a new release so I can update the dep in my project 😊

[aksharahegde]

Published on npm registry.
Thank you