Callback loop with `NuxtTurnstile`

[huang-julien]

🐛 The bug

When changing the page, the turnstile box isn't properly removed and causing and infinite loop.

to reproduce it on the reproduction,

• go to the form page
• load the turnstile iframes
• wait for it
• navigate back to the homepage
• open your console
• check your logs

🛠️ To reproduce

https://stackblitz.com/edit/github-cuqope?file=pages%2Findex.vue,pages%2Fform.vue

🌈 Expected behaviour

we shouldn't have any warning log

ℹ️ Additional context

I can take it, already fixed on my project :)

[dargmuesli]

I noticed that too, recently. If you want feel free to submit a PR! :heart:

[huang-julien]

sure !

[iammello]

Waiting for fixing.

[huang-julien]

Oops for those interested here's the workaround atm, within onBeforeUnmount of the compoennt wrapper NuxtTurnstile window.turnstile.remove(str) where str is the wrapper selector + div ex:

onBeforeUnmount(() => {
  window.turnstile.remove('#turnstile-wrapper div')
})

Turnstile remove function either can receive the id of the widget or if it's a selector, look for the iframe of the widget within the selector