Update navigation and quiz URLs to ensure consistent trailing slashes…

… for improved routing and SEO. This change includes updates to navigation items, quiz stats links, and quiz question URLs across multiple components.
Malte2036 · Jan 22, 2025 · 249cd9e · 249cd9e
1 parent fe40b01
commit 249cd9e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/lib/shared/navigation.ts b/src/lib/shared/navigation.ts
@@ -77,7 +77,7 @@ export const navigationItems: NavigationCategory[] = [
 		items: [
 			{
 				name: 'Bekleidungsrechner',
-				href: '/clothing',
+				href: '/clothing/',
 				event: 'Open Clothing Calculator',
 				icon: VestIcon
 			},

diff --git a/src/routes/(main)/quiz/[type]/listing/+page.svelte b/src/routes/(main)/quiz/[type]/listing/+page.svelte
@@ -56,7 +56,7 @@
 			.map((question, index) => ({
 				'@type': 'ListItem',
 				position: index + 1,
-				url: `https://thw-tools.de/quiz/${data.questionType}/${question.number}`
+				url: `https://thw-tools.de/quiz/${data.questionType}/${question.number}/`
 			})),
 		about: {
 			'@type': 'Thing',
@@ -88,7 +88,7 @@
 		<h1 class="text-3xl font-bold mb-4">{getQuizTypeName(data.questionType)}</h1>
 		<p class="text-xl text-gray-700 mb-2">{getDescriptionForQuestionType(data.questionType)}</p>
 		<a
-			href={`/quiz/${questionType}/1`}
+			href={`/quiz/${questionType}/1/`}
 			class="text-lg text-thw-600 font-medium"
 			data-umami-event={`Start ${questionType.toUpperCase()} Quiz`}
 			>Klicke auf eine Frage, um zu starten</a
@@ -108,7 +108,7 @@
 		<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 gap-2">
 			{#each data.allQuestions.sort((a, b) => a.number - b.number) as question}
 				<LinkButton
-					url={`/quiz/${data.questionType}/${question.number}`}
+					url={`/quiz/${data.questionType}/${question.number}/`}
 					secondary
 					dataUmamiEvent={`Open ${data.questionType.toUpperCase()} Quiz Question ${question.number}`}
 				>

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -115,12 +115,12 @@
 </div>
 
 <!-- svelte-ignore a11y-missing-content -->
-<a href="/quiz/stats" class="hidden" />
+<a href="/quiz/stats/" class="hidden" />
 <!-- svelte-ignore a11y-missing-content -->
 <a href="/faq" class="hidden" />
 {#each ['ga', 'agt', 'cbrn'] as questionType}
 	<!-- svelte-ignore a11y-missing-content -->
-	<a href={`/quiz/${questionType}`} class="hidden" />
+	<a href={`/quiz/${questionType}/`} class="hidden" />
 	<!-- svelte-ignore a11y-missing-content -->
-	<a href={`/quiz/${questionType}/listing`} class="hidden" />
+	<a href={`/quiz/${questionType}/listing/`} class="hidden" />
 {/each}