i18n string

Author: bencodeorg

src/components/map/PopupContent.svelte

@@ -1,4 +1,5 @@
 <script>
+	import { t } from 'svelte-i18n';
 	let { stopName, arrivalTime, handleStopMarkerSelect } = $props();
 </script>
 
@@ -13,13 +14,13 @@
 			})}</span
 		>
 	</p>
-	<div class="mt-auto flex justify-end">
+	<div class="mt-auto flex justify-center">
 		<button
 			type="button"
 			class="inline-block rounded-lg border border-brand bg-brand px-3 py-1 text-sm font-medium text-white shadow-md transition duration-200 ease-in-out hover:bg-brand-secondary"
 			onclick={handleStopMarkerSelect}
 		>
-			{'view stop'}
+			{$t('view_stop_information')}
 		</button>
 	</div>
 </div>

src/locales/en.json

@@ -108,5 +108,6 @@
 		"page": "Page",
 		"show": "Show",
 		"hide": "Hide"
-	}
+	},
+	"view_stop_information": "View Stop Information"
 }