unload captcha

1 files changed, 17 insertions, 1 deletions

diff --git a/src/routes/(app)/support/+page.svelte b/src/routes/(app)/support/+page.svelte
index 699a0124..cdc9d25c 100644
--- a/src/routes/(app)/support/+page.svelte
+++ b/src/routes/(app)/support/+page.svelte
@@ -1,4 +1,5 @@
 <script>
+	import { onDestroy } from 'svelte';
 	import { fail, success, post } from '$lib/utils';
 	import { scale } from 'svelte/transition';
 	import { AppHeader, Icon } from '$comp';
@@ -14,12 +15,13 @@
 	let email;
 	let message;
 	let sent;
+  let recaptchaSiteKey = '6LfCd8YkAAAAANmVJgzN3SQY3n3fv1RhiS5PgMYM';
 
 	let submit = (e) => {
 		e.preventDefault();
 		grecaptcha.ready(() => {
 			grecaptcha
-				.execute('6LfCd8YkAAAAANmVJgzN3SQY3n3fv1RhiS5PgMYM', { action: 'submit' })
+				.execute(recaptchaSiteKey, { action: 'submit' })
 				.then((token) =>
 					post('/support', { username: user?.username, email, message, token })
 						.then(() => (sent = true))
@@ -27,6 +29,20 @@
 				);
 		});
 	};
+
+	onDestroy(() => {
+			const nodeBadge = document.querySelector('.grecaptcha-badge');
+			if (nodeBadge) {
+				document.body.removeChild(nodeBadge.parentNode);
+			}
+
+			const scriptSelector =
+				"script[src='https://www.google.com/recaptcha/api.js?render=" + recaptchaSiteKey + "']";
+			const script = document.querySelector(scriptSelector);
+			if (script) {
+				script.remove();
+			}
+	});
 </script>
 
 <svelte:head>