nearby

src/routes/weather/week/[location]/+page.svelte

@@ -39,6 +39,7 @@
 	import HourlyTable from './HourlyTable.svelte';
 	import MeteogramCharts from './MeteogramCharts.svelte';
 	import ModelSelector from './ModelSelector.svelte';
+	import NearbyCities from './NearbyCities.svelte';
 	import VariableSidebar from './VariableSidebar.svelte';
 	import { neededHourlyApiVars } from './variables';
 
@@ -326,7 +327,7 @@
 </script>
 
 <svelte:head>
-	<title>Drizz.li | Weather</title>
+	<title>Drizz.li | {m.page_week_title()}</title>
 	<link rel="canonical" href="https://drizz.li/weather/week" />
 	<meta name="description" content="7-day weather forecast with detailed hourly data" />
 </svelte:head>
@@ -362,7 +363,7 @@
 						class="cursor-pointer rounded-md border border-destructive/40 bg-background px-3 py-1 text-xs font-semibold text-destructive transition-colors hover:bg-destructive/10"
 						onclick={() => retryNonce++}
 					>
-						Try again
+						{m.action_try_again()}
 					</button>
 					{#if suggestedCity}
 						<a
@@ -383,7 +384,7 @@
 				</div>
 				{#if loadError.detail}
 					<details class="mt-2 text-xs text-destructive/70">
-						<summary class="cursor-pointer select-none">Technical details</summary>
+						<summary class="cursor-pointer select-none">{m.error_technical_details()}</summary>
 						<p class="mt-1 font-mono break-all">{loadError.detail}</p>
 					</details>
 				{/if}
@@ -535,6 +536,15 @@
 					<ChartContainer loading chartCount={enabledChartCount || 1} {chartHeight} />
 				</section>
 			{/if}
+
+			{#if selectedDayKey}
+				<NearbyCities
+					latitude={location.latitude}
+					longitude={location.longitude}
+					{selectedDayKey}
+					units={$storedUnits}
+				/>
+			{/if}
 		</div>
 	</div>
 </div>