How to integrate a custom element inside a custom lovelace card?

Share your Projects! Custom Integrations
1

I created my own custom element for a custom lovelace card. The element is called <my-cc>. The following html page can use my component successfully:

<!doctype html>
<html>
<head>
	<meta charset='utf-8'>
	<meta name='viewport' content='width=device-width'>

	<title>Svelte app</title>

	<script defer src='/svelte-bundle.js'></script>
</head>

<body>
	<my-cc title="Huhuu" name="Sir">
		<p>This is some slotted content</p>
	</my-cc>
</body>
</html>

I am now trying to figure out how I have to include this component (written in Svelte) inside a custom card. I am trying to follow along https://developers.home-assistant.io/docs/en/lovelace_custom_card.html but I am not getting anywhere. My component lives in a .js file called svelte-bundle.js.

Any tips on how to get my custom element loaded inside a custom lovelace card?