From ad3bd312e9a5785f81029ea2b7e302ea1addd988 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Fri, 26 Mar 2021 19:26:26 +0100
Subject: [PATCH] Added a password strength verification

ref #106
---
 src/components/auth/PasswordStrength.svelte | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/auth/PasswordStrength.svelte b/src/components/auth/PasswordStrength.svelte
index 4569a248..2439652e 100644
--- a/src/components/auth/PasswordStrength.svelte
+++ b/src/components/auth/PasswordStrength.svelte
@@ -1,14 +1,18 @@
 <script>
     import { getLocaleFromNavigator, _ } from "svelte-i18n";
     import { passwordStrength } from "check-password-strength";
-    export let password_change;
-    export let password_confirm;
     $: strength = passwordStrength(password_change);
-    $: passwords_match = (!password_confirm || (password_confirm === password_change))
+    $: passwords_match =
+        !password_confirm || password_confirm === password_change;
+    $: update_password_enabled =
+        strength?.contains.includes("lowercase") &&
+        strength?.contains.includes("uppercase") &&
+        strength?.contains.includes("number") &&
+        strength?.length > 9 &&
+        passwords_match == true;
 </script>
 
 <div class="ml-4">
-    {(passwords_match)}
     <ul class="list-disc font-medium tracking-wide text-red-500 text-xs">
         {#if !strength.contains.includes('lowercase')}
             <li>Must contain a lowercase letter!</li>
@@ -19,10 +23,10 @@
         {#if !strength.contains.includes('number')}
             <li>Must contain a number letter!</li>
         {/if}
-        {#if !(strength.length>9)}
+        {#if !(strength.length > 9)}
             <li>Must be at least 10 characters long!</li>
         {/if}
-        {#if !(passwords_match==true)}
+        {#if !(passwords_match == true)}
             <li>Passwords don't match!</li>
         {/if}
     </ul>