From 4956bb0e9c3c1d22d60e849aea5664e35330f897 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Fri, 26 Mar 2021 18:47:24 +0100
Subject: [PATCH] Implemented a custom password strength component

ref #106
---
 package.json                                |  1 +
 src/components/auth/PasswordStrength.svelte | 14 ++++++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 src/components/auth/PasswordStrength.svelte

diff --git a/package.json b/package.json
index 6429c2bf..2597a9b9 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
 	"license": "CC-BY-NC-SA-4.0",
 	"dependencies": {
 		"@odit/lfk-client-js": "0.7.0",
+		"check-password-strength": "^2.0.2",
 		"csvtojson": "^2.0.10",
 		"gridjs": "3.3.0",
 		"localforage": "1.9.0",
diff --git a/src/components/auth/PasswordStrength.svelte b/src/components/auth/PasswordStrength.svelte
new file mode 100644
index 00000000..2db8981d
--- /dev/null
+++ b/src/components/auth/PasswordStrength.svelte
@@ -0,0 +1,14 @@
+<script>
+    import { getLocaleFromNavigator, _ } from "svelte-i18n";
+    import { passwordStrength } from "check-password-strength";
+    export let password_change;
+    $: strength = passwordStrength(password_change);
+</script>
+
+<div>
+    <ul>
+        {#if !strength.contains.includes('lowercase')}
+            <li>Must contain a lowercase letter</li>
+        {/if}
+    </ul>
+</div>