Skip to content

GitLab

Commit 8e267fd6 authored by david's avatar david
Browse files

Clock as custom component.

parent b8b4f077
Show whitespace changes
Inline Side-by-side
public/index.html
View file @ 8e267fd6
......@@ -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>
rollup.config.js
View file @ 8e267fd6
......@@ -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
......
src/main.js
View file @ 8e267fd6
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
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment