diff --git a/contrib/aura-clock/public/index.html b/contrib/aura-clock/public/index.html
index 1786e298ed50e8ced14c0c178c40ba9e490b157b..b206df493575a7ba45c68a0e54678391eff20ad8 100644
--- a/contrib/aura-clock/public/index.html
+++ b/contrib/aura-clock/public/index.html
@@ -8,11 +8,16 @@
<link rel='icon' type='image/png' href='/favicon.png'>
<link rel='stylesheet' href='/global.css'>
- <link rel='stylesheet' href='/build/bundle.css'>
+ <link rel='stylesheet' href='/build/aura-clock-bundle.css'>
- <script defer src='/build/bundle.js'></script>
+ <script defer src='/build/aura-clock-bundle.js'></script>
</head>
<body style="background-color: black;">
+ <aura-clock
+ name="Studio Clock"
+ logo="https://o94.at/themes/custom/radio_orange/logo1.png"
+ logosize="180px"
+ api="http://localhost:3333/api/v1/" />
</body>
</html>
diff --git a/contrib/aura-clock/rollup.config.js b/contrib/aura-clock/rollup.config.js
index f79bbd64c126b432d482fc9a60502e6f356a5971..c6a5c2175e244230d34b7ccaa41ada5764f00881 100644
--- a/contrib/aura-clock/rollup.config.js
+++ b/contrib/aura-clock/rollup.config.js
@@ -22,7 +22,8 @@ export default {
// a separate file - better for performance
css: css => {
css.write('public/build/aura-clock-bundle.css');
- }
+ },
+ customElement: true
}),
// If you have external dependencies installed from
diff --git a/contrib/aura-clock/src/main.js b/contrib/aura-clock/src/main.js
index 443224ba49f617e1d356f776f07a1f10c87177c1..edb5da3ef82eb8d1bfced2bee5d4c0b71f11423d 100644
--- a/contrib/aura-clock/src/main.js
+++ b/contrib/aura-clock/src/main.js
@@ -1,13 +1 @@
import StudioClock from './StudioClock.svelte';
-
-const clock = new StudioClock({
- target: document.body,
- props: {
- stationName: "Radio Orange",
- stationLogo: "https://o94.at/themes/custom/radio_orange/logo1.png",
- stationLogoSize: "180px",
- apiUrl: 'http://localhost:3333/api/v1/'
- }
-});
-
-export default clock;
\ No newline at end of file
diff --git a/web/clock.html b/web/clock.html
index 7719117bd8db4884f6557af757dd4053922c8b35..584ea093d1e357466e7218ebe966464188678b68 100644
--- a/web/clock.html
+++ b/web/clock.html
@@ -14,5 +14,10 @@
</head>
<body style="background-color: black;">
+ <aura-clock
+ name="Studio Clock"
+ logo="https://o94.at/themes/custom/radio_orange/logo1.png"
+ logosize="180px"
+ api="http://localhost:3333/api/v1/" />
</body>
</html>