From cacd727c0ea9a920a2d98431b1ecc47036ca3bbb Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Thu, 18 Aug 2022 16:22:44 +0200
Subject: [PATCH] :arrow_up: Finished upgrading SvelteKit

---
 frontend/src/app.d.ts                         |  4 --
 frontend/src/hooks.ts                         |  6 +--
 frontend/src/routes/+error.svelte             | 20 ++------
 frontend/src/routes/+layout.server.ts         | 13 +++++
 frontend/src/routes/+layout.svelte            | 15 ------
 frontend/src/routes/+layout.ts                | 10 ++--
 frontend/src/routes/+page.ts                  | 12 -----
 frontend/src/routes/account/+layout.svelte    | 15 ------
 .../src/routes/account/login/+page.svelte     |  7 +--
 frontend/src/routes/account/login/+page.ts    |  6 ++-
 .../routes/account/oauth-error/+page.svelte   |  7 +--
 .../account/password-reset/+page.svelte       |  9 ++--
 frontend/src/routes/admin/+page.svelte        | 23 ++++-----
 frontend/src/routes/create/+page.svelte       | 21 --------
 frontend/src/routes/docs/+layout.svelte       | 15 ------
 frontend/src/routes/edit/+page.svelte         | 48 +++----------------
 frontend/src/routes/explore/+page.svelte      | 15 ------
 frontend/src/routes/import/+page.svelte       | 25 ----------
 frontend/src/routes/play/+page.svelte         | 27 +----------
 frontend/src/routes/search/+page.svelte       | 15 ------
 .../src/routes/view/[quiz_id]/+page.svelte    | 15 +++---
 21 files changed, 60 insertions(+), 268 deletions(-)
 create mode 100644 frontend/src/routes/+layout.server.ts
 delete mode 100644 frontend/src/routes/+page.ts

diff --git a/frontend/src/app.d.ts b/frontend/src/app.d.ts
index 689ff31..2fc573f 100644
--- a/frontend/src/app.d.ts
+++ b/frontend/src/app.d.ts
@@ -14,10 +14,6 @@ declare namespace App {
 	}
 
 	// interface Platform {}
-	interface Session {
-		authenticated: boolean;
-		email: string | null;
-	}
 
 	// interface Stuff {}
 }
diff --git a/frontend/src/hooks.ts b/frontend/src/hooks.ts
index e7439b2..3962ee0 100644
--- a/frontend/src/hooks.ts
+++ b/frontend/src/hooks.ts
@@ -5,7 +5,7 @@
  */
 
 import * as cookie from 'cookie';
-import type { Handle, GetSession } from '@sveltejs/kit';
+import type { Handle } from '@sveltejs/kit';
 
 /** @type {import('@sveltejs/kit').Handle} */
 export const handle: Handle = async ({ event, resolve }) => {
@@ -54,9 +54,9 @@ export const handle: Handle = async ({ event, resolve }) => {
 	}
 };
 
-export const getSession: GetSession = async (event) => {
+/*export const getSession: GetSession = async (event) => {
 	return {
 		email: event.locals.email,
 		authenticated: Boolean(event.locals.email)
 	};
-};
+};*/
diff --git a/frontend/src/routes/+error.svelte b/frontend/src/routes/+error.svelte
index 1d9762b..4d7837c 100644
--- a/frontend/src/routes/+error.svelte
+++ b/frontend/src/routes/+error.svelte
@@ -3,26 +3,12 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script context="module">
-	throw new Error(
-		'@migration task: Replace error load function (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3293209)'
-	);
-
-	// /** @type {import('@sveltejs/kit').Load} */ export function load({ error, status }) {
-	// 	return {
-	// 		props: {
-	// 			status,
-	// 			message: error.message
-	// 		}
-	// 	};
-	// }
-</script>
-
 <script lang="ts">
 	import { navbarVisible } from '$lib/stores';
+	import { page } from '$app/stores';
+
 	navbarVisible.set(true);
-	export let status: number;
-	export let message: string;
+	let status = $page.status;
 </script>
 
 <!--
diff --git a/frontend/src/routes/+layout.server.ts b/frontend/src/routes/+layout.server.ts
new file mode 100644
index 0000000..651fb3e
--- /dev/null
+++ b/frontend/src/routes/+layout.server.ts
@@ -0,0 +1,13 @@
+import { signedIn } from '$lib/stores';
+import type { LayoutLoad } from './$types';
+
+export const load: LayoutLoad = async ({ locals }) => {
+	if (locals.email) {
+		signedIn.set(true);
+	} else {
+		signedIn.set(false);
+	}
+	return {
+		email: locals.email
+	};
+};
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index c85950f..75f0b8c 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -3,21 +3,6 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script context="module" lang="ts">
-	throw new Error(
-		'@migration task: Check code was safely removed (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292722)'
-	);
-
-	// import { signedIn } from '$lib/stores';
-
-	// export async function load({ session }) {
-	// 	if (session.authenticated) {
-	// 		signedIn.set(true);
-	// 	}
-	// 	return {};
-	// }
-</script>
-
 <script>
 	import '../app.css';
 	import Navbar from '$lib/navbar.svelte';
diff --git a/frontend/src/routes/+layout.ts b/frontend/src/routes/+layout.ts
index b1c1a06..28c588e 100644
--- a/frontend/src/routes/+layout.ts
+++ b/frontend/src/routes/+layout.ts
@@ -1,10 +1,14 @@
+// import { redirect } from '@sveltejs/kit';
 import { signedIn } from '$lib/stores';
+import type { LayoutLoad } from './$types';
 
-export async function load({ session }) {
-	if (session.authenticated) {
+export const load: LayoutLoad = async ({ data }) => {
+	const { email } = data;
+	if (email) {
 		signedIn.set(true);
+		// throw redirect(302, '/dashboard');
 	} else {
 		signedIn.set(false);
 	}
 	return {};
-}
+};
diff --git a/frontend/src/routes/+page.ts b/frontend/src/routes/+page.ts
deleted file mode 100644
index 2dd6c03..0000000
--- a/frontend/src/routes/+page.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// import { redirect } from '@sveltejs/kit';
-import { signedIn } from '$lib/stores';
-
-export async function load({ session }) {
-	if (session.authenticated) {
-		signedIn.set(true);
-		// throw redirect(302, '/dashboard');
-	} else {
-		signedIn.set(false);
-	}
-	return {};
-}
diff --git a/frontend/src/routes/account/+layout.svelte b/frontend/src/routes/account/+layout.svelte
index 0ca9529..a1530e2 100644
--- a/frontend/src/routes/account/+layout.svelte
+++ b/frontend/src/routes/account/+layout.svelte
@@ -3,21 +3,6 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script lang="ts" context="module">
-	throw new Error(
-		'@migration task: Check code was safely removed (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292722)'
-	);
-
-	// import { signedIn } from '$lib/stores';
-
-	// export async function load({ session }) {
-	// 	if (session.authenticated) {
-	// 		signedIn.set(true);
-	// 	}
-	// 	return {};
-	// }
-</script>
-
 <script lang="ts">
 	import { navbarVisible } from '$lib/stores';
 
diff --git a/frontend/src/routes/account/login/+page.svelte b/frontend/src/routes/account/login/+page.svelte
index c3a160a..2ea5909 100644
--- a/frontend/src/routes/account/login/+page.svelte
+++ b/frontend/src/routes/account/login/+page.svelte
@@ -4,10 +4,6 @@
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
 <script lang="ts">
-	throw new Error(
-		'@migration task: Add data prop (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292707)'
-	);
-
 	import * as Sentry from '@sentry/browser';
 	import { navbarVisible } from '$lib/stores';
 	import { browser } from '$app/env';
@@ -20,7 +16,8 @@
 
 	navbarVisible.set(true);
 
-	export let verified: boolean;
+	export let data;
+	const { verified }: boolean = data;
 
 	let loginData = {
 		email: '',
diff --git a/frontend/src/routes/account/login/+page.ts b/frontend/src/routes/account/login/+page.ts
index bbb2cb6..13dd5c6 100644
--- a/frontend/src/routes/account/login/+page.ts
+++ b/frontend/src/routes/account/login/+page.ts
@@ -1,10 +1,12 @@
 import { redirect } from '@sveltejs/kit';
 
-export async function load({ session, url }) {
+export async function load({ parent, url }) {
 	const verified = url.searchParams.get('verified');
 	const returnTo =
 		url.searchParams.get('returnTo') !== null ? url.searchParams.get('returnTo') : '/dashboard';
-	if (session.authenticated) {
+
+	const { email } = await parent();
+	if (email) {
 		throw redirect(302, returnTo);
 	}
 	return {
diff --git a/frontend/src/routes/account/oauth-error/+page.svelte b/frontend/src/routes/account/oauth-error/+page.svelte
index 4bbeff8..faeaafd 100644
--- a/frontend/src/routes/account/oauth-error/+page.svelte
+++ b/frontend/src/routes/account/oauth-error/+page.svelte
@@ -4,11 +4,8 @@
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
 <script lang="ts">
-	throw new Error(
-		'@migration task: Add data prop (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292707)'
-	);
-
-	export let error: string;
+	export let data;
+	const { error } = data;
 </script>
 
 <div>
diff --git a/frontend/src/routes/account/password-reset/+page.svelte b/frontend/src/routes/account/password-reset/+page.svelte
index 2d1ad69..7ea97e1 100644
--- a/frontend/src/routes/account/password-reset/+page.svelte
+++ b/frontend/src/routes/account/password-reset/+page.svelte
@@ -4,14 +4,11 @@
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
 <script lang="ts">
-	throw new Error(
-		'@migration task: Add data prop (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292707)'
-	);
-
-	import { getLocalization } from '../../../lib/i18n';
+	import { getLocalization } from '$lib/i18n';
 
 	const { t } = getLocalization();
-	export let token: string;
+	export let data;
+	let { token }: string = data;
 	let isSubmitting = false;
 	interface PasswordData {
 		password1: string;
diff --git a/frontend/src/routes/admin/+page.svelte b/frontend/src/routes/admin/+page.svelte
index 2eb8d38..8bd4fda 100644
--- a/frontend/src/routes/admin/+page.svelte
+++ b/frontend/src/routes/admin/+page.svelte
@@ -4,10 +4,6 @@
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
 <script lang="ts">
-	throw new Error(
-		'@migration task: Add data prop (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292707)'
-	);
-
 	import type { QuizData } from '$lib/quiz_types';
 
 	import { socket } from '$lib/socket';
@@ -24,9 +20,8 @@
 	// 	game_id: 'a7ddb6af-79ab-45e0-b996-6254c1ad9818',
 	// 	game_pin: '66190765'
 	// };
-	export let game_pin: string;
-	export let auto_connect: boolean;
-	export let game_token: string;
+	export let data;
+	let { game_pin, auto_connect, game_token } = data;
 
 	let players: Array<Player> = [];
 	let errorMessage = '';
@@ -53,25 +48,25 @@
 		console.log(quiz_data);
 		success = true;
 	});
-	socket.on('player_joined', (data) => {
-		players = [...players, data];
+	socket.on('player_joined', (int_data) => {
+		players = [...players, int_data];
 	});
 	socket.on('already_registered_as_admin', () => {
 		errorMessage = $t('admin_page.already_registered_as_admin');
 	});
 
-	socket.on('question_results', (data) => {
+	socket.on('question_results', (int_data) => {
 		try {
-			data = JSON.parse(data);
+			int_data = JSON.parse(int_data);
 		} catch (e) {
 			console.error('Failed to parse question results');
 			return;
 		}
-		question_results = data;
+		question_results = int_data;
 	});
-	socket.on('export_token', (data) => {
+	socket.on('export_token', (int_data) => {
 		warnToLeave = false;
-		dataexport_download_a.href = `/api/v1/quiz/export_data/${data}?ts=${new Date().getTime()}&game_pin=${game_pin}`;
+		dataexport_download_a.href = `/api/v1/quiz/export_data/${int_data}?ts=${new Date().getTime()}&game_pin=${game_pin}`;
 		dataexport_download_a.click();
 		warnToLeave = true;
 	});
diff --git a/frontend/src/routes/create/+page.svelte b/frontend/src/routes/create/+page.svelte
index 31ffbd2..80e5597 100644
--- a/frontend/src/routes/create/+page.svelte
+++ b/frontend/src/routes/create/+page.svelte
@@ -3,27 +3,6 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script context="module" lang="ts">
-	throw new Error(
-		'@migration task: Check code was safely removed (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292722)'
-	);
-
-	// import { signedIn } from '$lib/stores';
-
-	// export async function load({ session }) {
-	// 	if (!session.authenticated) {
-	// 		return {
-	// 			status: 302,
-	// 			redirect: '/account/login?returnTo=/create'
-	// 		};
-	// 	}
-	// 	if (session.authenticated) {
-	// 		signedIn.set(true);
-	// 	}
-	// 	return {};
-	// }
-</script>
-
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import Editor from '$lib/editor.svelte';
diff --git a/frontend/src/routes/docs/+layout.svelte b/frontend/src/routes/docs/+layout.svelte
index 44e71d3..f8f05c9 100644
--- a/frontend/src/routes/docs/+layout.svelte
+++ b/frontend/src/routes/docs/+layout.svelte
@@ -3,21 +3,6 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script lang="ts" context="module">
-	throw new Error(
-		'@migration task: Check code was safely removed (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292722)'
-	);
-
-	// import { signedIn } from '$lib/stores';
-
-	// export async function load({ session }) {
-	// 	if (session.authenticated) {
-	// 		signedIn.set(true);
-	// 	}
-	// 	return {};
-	// }
-</script>
-
 <script lang="ts">
 	import Footer from '$lib/footer.svelte';
 	import { navbarVisible } from '$lib/stores';
diff --git a/frontend/src/routes/edit/+page.svelte b/frontend/src/routes/edit/+page.svelte
index 525254d..763949f 100644
--- a/frontend/src/routes/edit/+page.svelte
+++ b/frontend/src/routes/edit/+page.svelte
@@ -3,44 +3,7 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script lang="ts" context="module">
-	throw new Error(
-		'@migration task: Check code was safely removed (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292722)'
-	);
-
-	// import { signedIn } from '$lib/stores';
-
-	// export async function load({ url, session }) {
-	// 	const quiz_id = url.searchParams.get('quiz_id');
-	// 	if (!session.authenticated) {
-	// 		return {
-	// 			status: 302,
-	// 			redirect: `/account/login?returnTo=/edit?quiz_id=${quiz_id}`
-	// 		};
-	// 	}
-
-	// 	if (session.authenticated) {
-	// 		signedIn.set(true);
-	// 	}
-
-	// 	if (quiz_id === null) {
-	// 		return {
-	// 			status: 404
-	// 		};
-	// 	}
-	// 	return {
-	// 		props: {
-	// 			quiz_id
-	// 		}
-	// 	};
-	// }
-</script>
-
 <script lang="ts">
-	throw new Error(
-		'@migration task: Add data prop (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292707)'
-	);
-
 	import Editor from '$lib/editor.svelte';
 	import { getLocalization } from '$lib/i18n';
 	import { navbarVisible } from '$lib/stores';
@@ -73,8 +36,9 @@
 		answer: string;
 	}
 
-	export let quiz_id: string;
-	let data: Data;
+	export let data;
+	let { quiz_id } = data;
+	let quiz_data: Data;
 
 	const get_quiz = async (): Promise<void> => {
 		const response = await fetch(`/api/v1/quiz/get/${quiz_id}`);
@@ -90,7 +54,7 @@
 					temp_data.questions[i].type = QuizQuestionType[question.type];
 				}
 			}
-			data = temp_data;
+			quiz_data = temp_data;
 			return;
 		}
 	};
@@ -111,8 +75,8 @@
 		/>
 	</svg>
 {:then _}
-	{#if data !== undefined}
-		<Editor bind:data submit_button_text={$t('words.save')} bind:quiz_id />
+	{#if quiz_data !== undefined}
+		<Editor bind:quiz_data submit_button_text={$t('words.save')} bind:quiz_id />
 	{/if}
 {:catch err}
 	<div class="text-center">
diff --git a/frontend/src/routes/explore/+page.svelte b/frontend/src/routes/explore/+page.svelte
index f449bd9..2fef054 100644
--- a/frontend/src/routes/explore/+page.svelte
+++ b/frontend/src/routes/explore/+page.svelte
@@ -3,21 +3,6 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script context="module" lang="ts">
-	throw new Error(
-		'@migration task: Check code was safely removed (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292722)'
-	);
-
-	// import { signedIn } from '$lib/stores';
-
-	// export async function load({ session }) {
-	// 	if (session.authenticated) {
-	// 		signedIn.set(true);
-	// 	}
-	// 	return {};
-	// }
-</script>
-
 <script lang="ts">
 	import { navbarVisible } from '$lib/stores';
 	navbarVisible.set(true);
diff --git a/frontend/src/routes/import/+page.svelte b/frontend/src/routes/import/+page.svelte
index bbeb705..0fa7a44 100644
--- a/frontend/src/routes/import/+page.svelte
+++ b/frontend/src/routes/import/+page.svelte
@@ -3,31 +3,6 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script context="module" lang="ts">
-	throw new Error(
-		'@migration task: Check code was safely removed (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292722)'
-	);
-
-	// import { signedIn } from '$lib/stores';
-	// export async function load({ session }) {
-	// 	if (!session.authenticated) {
-	// 		return {
-	// 			status: 302,
-	// 			redirect: '/account/login?returnTo=/import'
-	// 		};
-	// 	} else {
-	// 		if (session.authenticated) {
-	// 			signedIn.set(true);
-	// 		}
-	// 	}
-	// 	return {
-	// 		props: {
-	// 			email: session.email
-	// 		}
-	// 	};
-	// }
-</script>
-
 <script lang="ts">
 	import { getLocalization } from '$lib/i18n';
 	import { navbarVisible, alertModal } from '$lib/stores';
diff --git a/frontend/src/routes/play/+page.svelte b/frontend/src/routes/play/+page.svelte
index 0d373f3..bcb7d7e 100644
--- a/frontend/src/routes/play/+page.svelte
+++ b/frontend/src/routes/play/+page.svelte
@@ -3,31 +3,7 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script context="module" lang="ts">
-	throw new Error(
-		'@migration task: Check code was safely removed (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292722)'
-	);
-
-	// import { signedIn } from '$lib/stores';
-
-	// export async function load({ url, session }) {
-	// 	if (session.authenticated) {
-	// 		signedIn.set(true);
-	// 	}
-	// 	const token = url.searchParams.get('pin');
-	// 	return {
-	// 		props: {
-	// 			game_pin: token === null ? '' : token
-	// 		}
-	// 	};
-	// }
-</script>
-
 <script lang="ts">
-	throw new Error(
-		'@migration task: Add data prop (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292707)'
-	);
-
 	import { socket } from '$lib/socket';
 	import JoinGame from '$lib/play/join.svelte';
 	import type { Answer, QuizData } from '$lib/quiz_types';
@@ -39,7 +15,8 @@
 	import { QuizQuestionType } from '$lib/quiz_types';
 
 	// Exports
-	export let game_pin: string;
+	export let data;
+	let { game_pin } = data;
 
 	// Types
 	interface GameMeta {
diff --git a/frontend/src/routes/search/+page.svelte b/frontend/src/routes/search/+page.svelte
index e3de3c9..3816e82 100644
--- a/frontend/src/routes/search/+page.svelte
+++ b/frontend/src/routes/search/+page.svelte
@@ -3,21 +3,6 @@
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
-<script context="module" lang="ts">
-	throw new Error(
-		'@migration task: Check code was safely removed (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292722)'
-	);
-
-	// import { signedIn } from '$lib/stores';
-
-	// export async function load({ session }) {
-	// 	if (session.authenticated) {
-	// 		signedIn.set(true);
-	// 	}
-	// 	return {};
-	// }
-</script>
-
 <script lang="ts">
 	import { getLocalization } from '$lib/i18n';
 	const { t } = getLocalization();
diff --git a/frontend/src/routes/view/[quiz_id]/+page.svelte b/frontend/src/routes/view/[quiz_id]/+page.svelte
index 451e24d..0c93c5f 100644
--- a/frontend/src/routes/view/[quiz_id]/+page.svelte
+++ b/frontend/src/routes/view/[quiz_id]/+page.svelte
@@ -4,10 +4,6 @@
   - file, You can obtain one at https://mozilla.org/MPL/2.0/.
   -->
 <script lang="ts">
-	throw new Error(
-		'@migration task: Add data prop (https://github.com/sveltejs/kit/discussions/5774#discussioncomment-3292707)'
-	);
-
 	import { getLocalization } from '$lib/i18n';
 	import CollapsSection from '$lib/collapsible.svelte';
 	import { createTippy } from 'svelte-tippy';
@@ -21,8 +17,8 @@
 	});
 
 	const { t } = getLocalization();
-	export let logged_in: boolean;
-	export let quiz: QuizData;
+	export let data;
+	let { quiz, logged_in }: { quiz: QuizData; logged_in: boolean } = data;
 
 	interface Question {
 		time: string;
@@ -133,13 +129,14 @@
 							stroke="currentColor"
 							viewBox="0 0 24 24"
 							xmlns="http://www.w3.org/2000/svg"
-							><path
+						>
+							<path
 								stroke-linecap="round"
 								stroke-linejoin="round"
 								stroke-width="2"
 								d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-							/></svg
-						>
+							/>
+						</svg>
 						<span class="text-lg">{question.time}s</span>
 					</p>
 					{#if question.type === QuizQuestionType.ABCD || question.type === undefined}