SvelteKit Env Vars - +layout.svelte

+layout.svelte

<script lang="ts">
	import type { PageData } from "./$types";

	export let data: PageData;

	const { configuration } = data;
</script>

{#if configuration.displayEnvironment}
	<div class="env-details">
		<small>Environment: {configuration.environment}</small>
	</div>
{/if}

<slot />

<style>
	.env-details {
		background-color: goldenrod;
	}
</style>