From ec0431d2b041f25bb12d2de4efe4bc25bd9b0f62 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 23 Nov 2025 04:47:26 -0800
Subject: [PATCH] fix: extract JSON-LD script generation to resolve parsing
 errors

Refactor inline template literals with nested JSON.stringify() into
separate derived variables. Fixes 6 ESLint parsing errors in route files.
---
 src/routes/+layout.svelte               | 7 ++++++-
 src/routes/albums/[slug]/+page.svelte   | 9 +++++++--
 src/routes/labs/[slug]/+page.svelte     | 9 +++++++--
 src/routes/photos/[id]/+page.svelte     | 9 +++++++--
 src/routes/universe/[slug]/+page.svelte | 9 +++++++--
 src/routes/work/[slug]/+page.svelte     | 9 +++++++--
 6 files changed, 41 insertions(+), 11 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b01fd61..048bf73 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -26,11 +26,16 @@
 			]
 		})
 	)
+
+	const personJsonLdScript = $derived(
+		// eslint-disable-next-line no-useless-escape
+		`<script type="application/ld+json">${JSON.stringify(personJsonLd)}<\/script>`
+	)
 </script>
 
 <svelte:head>
 	<!-- Site-wide JSON-LD -->
-	{@html `<script type="application/ld+json">${JSON.stringify(personJsonLd)}</script>`}
+	{@html personJsonLdScript}
 </svelte:head>
 
 <div class="layout-wrapper" class:admin-route={isAdminRoute}>
diff --git a/src/routes/albums/[slug]/+page.svelte b/src/routes/albums/[slug]/+page.svelte
index 6e54ed9..be24320 100644
--- a/src/routes/albums/[slug]/+page.svelte
+++ b/src/routes/albums/[slug]/+page.svelte
@@ -116,6 +116,11 @@
 
 	// Generate image gallery JSON-LD
 	const galleryJsonLd = $derived(album ? generateAlbumJsonLd(album, pageUrl) : null)
+
+	const galleryJsonLdScript = $derived(
+		// eslint-disable-next-line no-useless-escape -- Escape required for Svelte parser
+		galleryJsonLd ? `<script type="application/ld+json">${JSON.stringify(galleryJsonLd)}<\/script>` : null
+	)
 </script>
 
 <svelte:head>
@@ -136,8 +141,8 @@
 	<link rel="canonical" href={metaTags.other.canonical} />
 
 	<!-- JSON-LD -->
-	{#if galleryJsonLd}
-		{@html `<script type="application/ld+json">${JSON.stringify(galleryJsonLd)}</script>`}
+	{#if galleryJsonLdScript}
+		{@html galleryJsonLdScript}
 	{/if}
 </svelte:head>
 
diff --git a/src/routes/labs/[slug]/+page.svelte b/src/routes/labs/[slug]/+page.svelte
index b597133..2a80878 100644
--- a/src/routes/labs/[slug]/+page.svelte
+++ b/src/routes/labs/[slug]/+page.svelte
@@ -48,6 +48,11 @@
 				})
 			: null
 	)
+
+	const projectJsonLdScript = $derived(
+		// eslint-disable-next-line no-useless-escape -- Escape required for Svelte parser
+		projectJsonLd ? `<script type="application/ld+json">${JSON.stringify(projectJsonLd)}<\/script>` : null
+	)
 </script>
 
 <svelte:head>
@@ -73,8 +78,8 @@
 	{/if}
 
 	<!-- JSON-LD -->
-	{#if projectJsonLd}
-		{@html `<script type="application/ld+json">${JSON.stringify(projectJsonLd)}</script>`}
+	{#if projectJsonLdScript}
+		{@html projectJsonLdScript}
 	{/if}
 </svelte:head>
 
diff --git a/src/routes/photos/[id]/+page.svelte b/src/routes/photos/[id]/+page.svelte
index 54b122c..78873b1 100644
--- a/src/routes/photos/[id]/+page.svelte
+++ b/src/routes/photos/[id]/+page.svelte
@@ -85,6 +85,11 @@
 			: null
 	)
 
+	const photoJsonLdScript = $derived(
+		// eslint-disable-next-line no-useless-escape -- Escape required for Svelte parser
+		photoJsonLd ? `<script type="application/ld+json">${JSON.stringify(photoJsonLd)}<\/script>` : null
+	)
+
 	// Parse EXIF data if available
 	const exifData = $derived(
 		photo?.exifData && typeof photo.exifData === 'object' ? photo.exifData : null
@@ -357,8 +362,8 @@
 	<link rel="canonical" href={metaTags.other.canonical} />
 
 	<!-- JSON-LD -->
-	{#if photoJsonLd}
-		{@html `<script type="application/ld+json">${JSON.stringify(photoJsonLd)}</script>`}
+	{#if photoJsonLdScript}
+		{@html photoJsonLdScript}
 	{/if}
 </svelte:head>
 
diff --git a/src/routes/universe/[slug]/+page.svelte b/src/routes/universe/[slug]/+page.svelte
index ee4ef20..aeeaacf 100644
--- a/src/routes/universe/[slug]/+page.svelte
+++ b/src/routes/universe/[slug]/+page.svelte
@@ -56,6 +56,11 @@
 				})
 			: null
 	)
+
+	const articleJsonLdScript = $derived(
+		// eslint-disable-next-line no-useless-escape -- Escape required for Svelte parser
+		articleJsonLd ? `<script type="application/ld+json">${JSON.stringify(articleJsonLd)}<\/script>` : null
+	)
 </script>
 
 <svelte:head>
@@ -81,8 +86,8 @@
 	{/if}
 
 	<!-- JSON-LD -->
-	{#if articleJsonLd}
-		{@html `<script type="application/ld+json">${JSON.stringify(articleJsonLd)}</script>`}
+	{#if articleJsonLdScript}
+		{@html articleJsonLdScript}
 	{/if}
 </svelte:head>
 
diff --git a/src/routes/work/[slug]/+page.svelte b/src/routes/work/[slug]/+page.svelte
index efb82f8..2aa4c4d 100644
--- a/src/routes/work/[slug]/+page.svelte
+++ b/src/routes/work/[slug]/+page.svelte
@@ -51,6 +51,11 @@
 			: null
 	)
 
+	const projectJsonLdScript = $derived(
+		// eslint-disable-next-line no-useless-escape -- Escape required for Svelte parser
+		projectJsonLd ? `<script type="application/ld+json">${JSON.stringify(projectJsonLd)}<\/script>` : null
+	)
+
 	let headerContainer = $state<HTMLElement | null>(null)
 
 	// Spring with aggressive bounce settings
@@ -111,8 +116,8 @@
 	{/if}
 
 	<!-- JSON-LD -->
-	{#if projectJsonLd}
-		{@html `<script type="application/ld+json">${JSON.stringify(projectJsonLd)}</script>`}
+	{#if projectJsonLdScript}
+		{@html projectJsonLdScript}
 	{/if}
 </svelte:head>