From 06353b5ae3e6a7b27653efcb517f7116d9bd479d Mon Sep 17 00:00:00 2001
From: Realmy <163438634+RealmyTheMan@users.noreply.github.com>
Date: Tue, 12 Nov 2024 17:58:08 +0100
Subject: [PATCH] Change menu buttons to links for SEO

---
 src/routes/+layout.svelte | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index cc2bcab..0d745ad 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -73,8 +73,9 @@
 					4}px; transition: {duration - 200}ms ease left;"
 			></div>
 			{#each Object.entries(links) as [name, link] (link)}
-				<button
+				<a
 					class="w-1/2 px-2 h-[calc(100%-16px)] mt-2 flex items-center justify-center rounded-xl relative font-display overflow-hidden"
+					href={link}
 					onclick={() => {
 						const keys = Object.keys(links);
 						const currentIndex = keys.findIndex(
@@ -84,8 +85,6 @@
 							(key) => links[key] === link,
 						);
 						shouldGoBack = nextIndex < currentIndex;
-						console.log({ shouldGoBack });
-						goto(link);
 					}}
 				>
 					<div class="grid grid-cols-1 grid-rows-1">
@@ -107,7 +106,7 @@
 							</span>
 						{/key}
 					</div>
-				</button>
+				</a>
 			{/each}
 		</div>
 	</div>