<!DOCTYPE html>
<html class="h-full overflow-hidden">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<title>Jingrow</title>
		<link rel="icon" href="/favicon.png" type="image/x-icon" />
	</head>

	<body class="h-full">
		<noscript>
			<strong>
				Jingrow Dashboard doesn't work properly without JavaScript enabled.
				Please enable it to continue.
			</strong>
		</noscript>

		<!-- Main Vue App -->
		<div id="app" class="h-full"></div>

		<!-- For Teleports -->
		<div id="modals"></div>
		<div id="popovers"></div>

		<script>
			{% for key in boot %}
			window["{{ key }}"] = {{ boot[key] | tojson }};
			{% endfor %}
		</script>
		<!-- <script type="module" src="/src/main.js"></script> -->
		<script type="module" src="/src/main.js"></script>
	</body>
</html>
