diff --git a/app2/src/lib/models.ts b/app2/src/lib/models.ts
index 7531342..a7f8d7c 100644
--- a/app2/src/lib/models.ts
+++ b/app2/src/lib/models.ts
@@ -20,3 +20,20 @@ export type LogData = {
 };
 
 export type WebSocketJsonMsg = AnglesData | LogData;
+
+export type MQTTStatus = {
+	enabled: boolean;
+	connected: boolean;
+	client_id: string;
+	last_error: string;
+};
+
+export type MQTTSettings = {
+	enabled: boolean;
+	uri: string;
+	username: string;
+	password: string;
+	client_id: string;
+	keep_alive: number;
+	clean_session: boolean;
+};
\ No newline at end of file
diff --git a/app2/src/routes/connections/mqtt/MQTT.svelte b/app2/src/routes/connections/mqtt/MQTT.svelte
index 927a96b..71baa02 100644
--- a/app2/src/routes/connections/mqtt/MQTT.svelte
+++ b/app2/src/routes/connections/mqtt/MQTT.svelte
@@ -11,23 +11,7 @@
 	import Collapsible from '$lib/components/Collapsible.svelte';
 	import MQTT from '~icons/tabler/topology-star-3';
 	import Client from '~icons/tabler/robot';
-
-	type MQTTStatus = {
-		enabled: boolean;
-		connected: boolean;
-		client_id: string;
-		last_error: string;
-	};
-
-	type MQTTSettings = {
-		enabled: boolean;
-		uri: string;
-		username: string;
-		password: string;
-		client_id: string;
-		keep_alive: number;
-		clean_session: boolean;
-	};
+	import type { MQTTSettings, MQTTStatus } from '$lib/models';
 
 	let mqttSettings: MQTTSettings;
 	let mqttStatus: MQTTStatus;