From 79c6ab10ea19903a9be81bf040b0d4121a73594a Mon Sep 17 00:00:00 2001
From: Till JS <tills95@gmail.com>
Date: Mon, 30 Mar 2026 19:35:33 +0200
Subject: [PATCH] fix(citycorners): move @const outside HTML element to satisfy
 Svelte 5 rules

{@const} must be immediate child of {#each}/{#if}/etc, not nested
inside HTML elements.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/citycorners/apps/web/src/routes/(app)/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/citycorners/apps/web/src/routes/(app)/+page.svelte b/apps/citycorners/apps/web/src/routes/(app)/+page.svelte
index 6fcad4843..b6bb76cfc 100644
--- a/apps/citycorners/apps/web/src/routes/(app)/+page.svelte
+++ b/apps/citycorners/apps/web/src/routes/(app)/+page.svelte
@@ -101,6 +101,8 @@
 {:else}
 	<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
 		{#each filtered as city}
+			{@const count = locationCounts.get(city.id) || 0}
+			{@const cityStats = getCityStats(filterByCity(allLocations.value, city.id))}
 			<a
 				href="/cities/{city.slug}"
 				class="group relative overflow-hidden rounded-xl border border-border bg-background-card transition-shadow hover:shadow-lg"
@@ -136,8 +138,6 @@
 							{city.description}
 						</p>
 					{/if}
-					{@const count = locationCounts.get(city.id) || 0}
-					{@const cityStats = getCityStats(filterByCity(allLocations.value, city.id))}
 					<div class="mt-2 flex flex-wrap items-center gap-2">
 						<span
 							class="inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary"