svelte/playgrounds/sandbox/index.html

<!doctype html>
<html lang="en" %htmlAttributes%>
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="/favicon.png" />
		<link href="/demo.css" rel="stylesheet" />
		<!--ssr-head-->
	</head>
	<body>
		<noscript>You need to enable JavaScript to run this app.</noscript>
		<div id="root"><!--ssr-body--></div>

		<script type="module">
			import { mount, hydrate, unmount } from 'svelte';
			import App from '/src/main.svelte';

			const root = document.getElementById('root');
			const render = root.firstChild?.nextSibling ? hydrate : mount;

			const component = render(App, {
				target: document.getElementById('root')
			});
		</script>
	</body>
</html>