nearby

src/lib/charts/CanvasChart.svelte

@@ -18,6 +18,8 @@
     />
 -->
 <script module lang="ts">
+	import * as m from '$lib/paraglide/messages';
+
 	export interface ChartSeries {
 		/** Series display name (used in legend and tooltip) */
 		name: string;
@@ -698,7 +700,11 @@
 			ctx.textBaseline = 'alphabetic';
 			ctx.fillStyle = muted;
 			ctx.globalAlpha = 0.8;
-			ctx.fillText('Weather data by Open-Meteo · visualisation by Drizz.li', width - 6, totalH - 5);
+			ctx.fillText(
+				`${m.footer_data_by()} Open-Meteo · ${m.chart_credit_viz()} Drizz.li`,
+				width - 6,
+				totalH - 5
+			);
 			ctx.globalAlpha = 1;
 		}
 
@@ -1764,7 +1770,7 @@
 						? 'opacity-40'
 						: ''}"
 					onclick={() => toggleSeries(s.name)}
-					title="Toggle {s.name}"
+					title={m.chart_toggle_series({ series: s.name })}
 				>
 					<span
 						class="inline-block h-2.5 w-2.5 shrink-0 rounded-full"
@@ -1783,12 +1789,13 @@
 		<div
 			class="px-2 pt-2 pb-1 text-center md:text-right text-[10px] leading-none text-muted-foreground/70"
 		>
-			Weather data by <a
+			{m.footer_data_by()}
+			<a
 				class="font-medium underline-offset-2 hover:text-foreground hover:underline"
 				href="https://open-meteo.com"
 				target="_blank"
 				rel="noopener noreferrer">Open-Meteo</a
-			>, visualisation by
+			>, {m.chart_credit_viz()}
 			<a
 				class="font-medium underline-offset-2 hover:text-foreground hover:underline"
 				href="https://drizz.li"