feat: Safelist all classes needed for alerts

1 files changed, 7 insertions, 15 deletions

diff --git a/apps/kit/src/routes/(public)/reset/+page.svelte b/apps/kit/src/routes/(public)/reset/+page.svelte
index 8568234..5092b4b 100644
--- a/apps/kit/src/routes/(public)/reset/+page.svelte
+++ b/apps/kit/src/routes/(public)/reset/+page.svelte
@@ -18,27 +18,19 @@
         title: "",
     } as ErrorResult;
 
-    $: showSuccessAlert =
-        (successData?.text.length ?? 0 + successData?.title.length ?? 0) > 0;
-    const successData = {
-        text: "",
-        title: "",
-    };
-
-    const strings = get(LL);
+    let showSuccessAlert = false;
 
     async function submit() {
         errorData.text = "";
         errorData.title = "";
+        showSuccessAlert = false;
         const request = await create_forgot_password_request(formData.email);
         if (!request.ok) {
-            errorData.text = request.data.text ?? strings.common.tryAgainSoon();
-            errorData.title =
-                request.data.title ?? strings.common.unexpectedError();
+            errorData.text = request.data.text ?? $LL.common.tryAgainSoon();
+            errorData.title = request.data.title ?? $LL.common.unexpectedError();
             return;
         }
-        successData.title = strings.common.success() + "!";
-        successData.text = strings.reset.requestSentMessage();
+        showSuccessAlert = true;
     }
 </script>
 
@@ -75,8 +67,8 @@
 
                 <Alert
                     type="success"
-                    title={successData.title}
-                    message={successData.text}
+                    title={$LL.common.success()}
+                    message={$LL.reset.requestSentMessage()}
                     visible={showSuccessAlert}
                 />
                 <div>