Added settings

dashboard/src/lib/sensor.ts

@@ -0,0 +1,22 @@
+import { browser } from '$app/environment';
+import { readable } from 'svelte/store';
+
+export type SensorData = {
+	temp: number;
+	hum: number;
+};
+
+export const sensor = readable<SensorData | null>(null, (set) => {
+	if (browser) {
+		const source = new EventSource('http://10.50.0.113/events');
+
+		source.addEventListener('open', () => {
+			console.log('Connected');
+		});
+
+		source.addEventListener('message', (e) => {
+			const data: SensorData = JSON.parse(e.data);
+			set(data);
+		});
+	}
+});

dashboard/src/routes/+page.svelte

@@ -1,18 +1,8 @@
 <script lang="ts">
-	import { browser } from '$app/environment';
-
-	if (browser) {
-		const source = new EventSource('http://10.50.0.114/events');
-
-		source.addEventListener('open', (e) => {
-			console.log('Connected');
-		});
-
-		source.addEventListener('message', (e) => {
-			console.log('message', e.data);
-		});
-	}
+	import { sensor } from '../lib/sensor';
 </script>
 
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+{#if $sensor}
+	<p>Temperature {$sensor.temp} °C</p>
+	<p>Humidity {$sensor.hum}%</p>
+{/if}