From f3abc77ac9333ee115704645437511baacee85e8 Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Sat, 9 Apr 2022 17:16:50 -0500
Subject: don't lazy load collapsible leaderboard sections

improves seo and stuff
---
 src/lib/Collapsible.svelte           | 15 ++++++++++-----
 src/routes/leaderboards/index.svelte |  2 +-
 2 files changed, 11 insertions(+), 6 deletions(-)

(limited to 'src')

diff --git a/src/lib/Collapsible.svelte b/src/lib/Collapsible.svelte
index 615f9ce..e1f28b2 100644
--- a/src/lib/Collapsible.svelte
+++ b/src/lib/Collapsible.svelte
@@ -9,6 +9,7 @@
 
 	let open: boolean
 	export let id: string | undefined = undefined
+	export let lazy = true
 
 	function checkHash() {
 		if (id && id === location.hash.slice(1)) {
@@ -27,15 +28,19 @@
 		</slot>
 	</summary>
 	<div>
-		<!--
+		{#if lazy}
+			<!--
 			We do this so images and other things inside the content are not
 			loaded until it's open.
 			For some reason browsers don't handle this, although they should.
 		-->
-		<noscript>
-			<slot />
-		</noscript>
-		{#if open}
+			<noscript>
+				<slot />
+			</noscript>
+			{#if open}
+				<slot />
+			{/if}
+		{:else}
 			<slot />
 		{/if}
 	</div>
diff --git a/src/routes/leaderboards/index.svelte b/src/routes/leaderboards/index.svelte
index 02360fb..7c81ff7 100644
--- a/src/routes/leaderboards/index.svelte
+++ b/src/routes/leaderboards/index.svelte
@@ -34,7 +34,7 @@
 
 	{#each Object.entries(data) as [category, leaderboards]}
 		<section>
-			<Collapsible id={category}>
+			<Collapsible id={category} lazy={false}>
 				<ul>
 					{#each leaderboards as leaderboard}
 						{@const imageUrl = leaderboard.startsWith('collection_')
-- 
cgit