Change menu buttons to links for SEO

This commit is contained in:
Realmy 2024-11-12 17:58:08 +01:00
parent 95aa20afb3
commit 06353b5ae3
1 changed files with 3 additions and 4 deletions

View File

@ -73,8 +73,9 @@
4}px; transition: {duration - 200}ms ease left;" 4}px; transition: {duration - 200}ms ease left;"
></div> ></div>
{#each Object.entries(links) as [name, link] (link)} {#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" 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={() => { onclick={() => {
const keys = Object.keys(links); const keys = Object.keys(links);
const currentIndex = keys.findIndex( const currentIndex = keys.findIndex(
@ -84,8 +85,6 @@
(key) => links[key] === link, (key) => links[key] === link,
); );
shouldGoBack = nextIndex < currentIndex; shouldGoBack = nextIndex < currentIndex;
console.log({ shouldGoBack });
goto(link);
}} }}
> >
<div class="grid grid-cols-1 grid-rows-1"> <div class="grid grid-cols-1 grid-rows-1">
@ -107,7 +106,7 @@
</span> </span>
{/key} {/key}
</div> </div>
</button> </a>
{/each} {/each}
</div> </div>
</div> </div>