Weitere Tests, Besseres Typechecking, Alle Ausweise und Verbesserter Verbrauchsausweis Gewerbe

src/modules/EmbeddedRegisterModule.svelte

@@ -9,7 +9,8 @@
 	let vorname: string;
 	let name: string;
 
-	async function login() {
+	async function signUp(e: SubmitEvent) {
+		e.preventDefault()
 		try {
 			const response = await client.v1.benutzer.erstellen.mutate({
 				email,
@@ -36,7 +37,7 @@
 	}
 </script>
 
-<div style="width:50%;margin: 0 auto">
+<form style="width:50%;margin: 0 auto" name="signup" on:submit={signUp}>
 	<h1>Registrieren</h1>
 	<div class="flex flex-col gap-4">
 		<div class="flex flex-row gap-4 w-full">
@@ -45,6 +46,7 @@
 				<input
 					type="text"
 					placeholder="Vorname"
+					name="vorname"
 					class="px-2.5 py-1.5 rounded-lg border bg-gray-50"
 					bind:value={vorname}
 					required
@@ -55,6 +57,7 @@
 				<input
 					type="text"
 					placeholder="Nachname"
+					name="nachname"
 					class="px-2.5 py-1.5 rounded-lg border bg-gray-50"
 					bind:value={name}
 					required
@@ -64,8 +67,9 @@
 		<div>
 			<h4>Email</h4>
 			<input
-				type="text"
+				type="email"
 				placeholder="Email"
+				name="email"
 				class="px-2.5 py-1.5 rounded-lg border bg-gray-50"
 				bind:value={email}
 				required
@@ -76,15 +80,16 @@
 			<input
 				type="password"
 				placeholder="********"
+				name="passwort"
 				class="px-2.5 py-1.5 rounded-lg border bg-gray-50"
 				bind:value={passwort}
 				required
 			/>
 		</div>
-		<button class="button" on:click={login}>Registrieren</button>
+		<button class="button" type="submit">Registrieren</button>
 		<div class="flex-row justify-between" style="margin-top: 10px">
 			<button on:click={() => navigate("login")}>Einloggen</button>
 			<a href="/user/passwort_vergessen">Passwort Vergessen?</a>
 		</div>
 	</div>
-</div>
+</form>