diff --git a/contrib/aura-clock/src/StudioClock.svelte b/contrib/aura-clock/src/StudioClock.svelte
index a6b32c4d01602b5254a4b0b679cda105cdac9c12..9f5b3249f2076f766ec74d071a9766b7ec9f4793 100644
--- a/contrib/aura-clock/src/StudioClock.svelte
+++ b/contrib/aura-clock/src/StudioClock.svelte
@@ -1,9 +1,10 @@
+<svelte:options tag="aura-clock"/>
 <script>
 	import { onMount } from 'svelte';
-	export let apiUrl = "http://localhost:3333/api/v1";
-	export let stationName = "Studio Clock";
-	export let stationLogo = "https://gitlab.servus.at/aura/meta/-/raw/master/images/aura-logo.png";
-	export let stationLogoSize  = "100px";
+	export let api = "http://localhost:3333/api/v1";
+	export let name = "Studio Clock";
+	export let logo = "https://gitlab.servus.at/aura/meta/-/raw/master/images/aura-logo.png";
+	export let logosize  = "100px";
 	export let noScheduleMessage = "Nothing scheduled!";
 
 	let time = new Date(); 
@@ -47,7 +48,7 @@
 		let data;
 
 		try {
-			response = await fetch(apiUrl+query);
+			response = await fetch(api+query);
 		} catch {
 			throw new Error("Cannot connect to Engine!");
 		}
@@ -356,8 +357,8 @@
 
 
 <div id="station-header">
-	<img id="station-logo" src="{stationLogo}" style="width:{stationLogoSize}" alt="Radio Station" align="left" />
-	<h1 id="station-name">{stationName}</h1>
+	<img id="station-logo" src="{logo}" style="width:{logosize}" alt="Radio Station" align="left" />
+	<h1 id="station-name">{name}</h1>
 </div>
 
 <div id="studio-clock">