Store passwords in localstorage

src/App.svelte

@@ -2,18 +2,27 @@
 	import PasswordTable from "./PasswordTable.svelte";
 	import PasswordForm from "./PasswordForm.svelte";
 	import type { Password } from "./types/Password";
+import { onMount } from "svelte";
 
 	let passwords: Password[] = [];
 
+	onMount(() => {
+		passwords = JSON.parse(window.localStorage.getItem("passworddatabase")) || [];
+	});
+
+	const storeDatabase = () => {
+		window.localStorage.setItem("passworddatabase", JSON.stringify(passwords));
+	};
+
 	const addPassword = (password: Password) => {
 		passwords = [...passwords, password];
 	};
 </script>
 
 <main>
 	<h1>Password Manager</h1>
-	<PasswordTable {passwords} />
-	<PasswordForm {addPassword} />	
+	<PasswordTable {passwords} {storeDatabase} />
+	<PasswordForm {addPassword} {storeDatabase} />	
 </main>
 
 <style>

src/PasswordForm.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 
 	export let addPassword;
+	export let storeDatabase;
 
 	let title: string;
 	let password: string;
@@ -13,6 +14,7 @@
 		if (!password)
 			return;
 		addPassword({title, password, username, url, notes});
+		storeDatabase();
 		title = "";
 		password = "";
 		username = "";

src/PasswordTable.svelte

@@ -3,6 +3,7 @@
 	import type { Password } from "./types/Password";
 	import { elementIndexInParent } from "./util";
 	export let passwords: Password[];
+	export let storeDatabase;
 
 	const copy = (e: MouseEvent) => {
 		const entry: HTMLElement = (e.target as HTMLElement).parentElement;
@@ -15,6 +16,7 @@
 		const index = elementIndexInParent(entry) - 1;
 		passwords.splice(index, 1);
 		passwords = passwords;
+		storeDatabase();
 	};
 </script>