✨ confirm to leave page

frontend/src/routes/admin.svelte

@@ -162,8 +162,14 @@
 			timer_res = seconds.toString();
 		}, 1000);
 	};
+	const confirmUnload = () => {
+		event.preventDefault();
+		event.returnValue = '';
+	};
 </script>
 
+<svelte:window on:beforeunload={confirmUnload} />
+
 <svelte:head>
 	<title>ClassQuiz - Host</title>
 </svelte:head>

frontend/src/routes/create.svelte

@@ -86,11 +86,19 @@
 			localStorage.setItem('create_game', JSON.stringify(data));
 			window.location.href = '/account/login';
 		} else if (res.status === 200) {
+			localStorage.removeItem('create_game');
 			responseData.open = true;
 		}
 	};
+	const confirmUnload = () => {
+		event.preventDefault();
+		event.returnValue = '';
+		localStorage.setItem('create_game', JSON.stringify(data));
+	};
 </script>
 
+<svelte:window on:beforeunload={confirmUnload} />
+
 <svelte:head>
 	<title>ClassQuiz - Create</title>
 </svelte:head>

frontend/src/routes/edit.svelte

@@ -82,12 +82,20 @@
 		} else if (res.status === 404) {
 			throw new Error('Quiz not found');
 		} else if (res.status === 200) {
+			localStorage.removeItem('edit_game');
 			responseData.data = '200';
 			responseData.open = true;
 		}
 	};
+	const confirmUnload = () => {
+		event.preventDefault();
+		event.returnValue = '';
+		localStorage.setItem('edit_game', JSON.stringify(data));
+	};
 </script>
 
+<svelte:window on:beforeunload={confirmUnload} />
+
 <svelte:head>
 	<title>ClassQuiz - Edit</title>
 </svelte:head>

frontend/src/routes/play.svelte

@@ -56,6 +56,11 @@
 		unique = {};
 	}
 
+	const confirmUnload = () => {
+		event.preventDefault();
+		event.returnValue = '';
+	};
+
 	// Socket-events
 	socket.on('joined_game', (data) => {
 		console.log('joined_game', data);
@@ -89,6 +94,7 @@
 	// The rest
 </script>
 
+<svelte:window on:beforeunload={confirmUnload} />
 <svelte:head>
 	<title>ClassQuiz - Play</title>
 	{#if gameData !== undefined}