/* @refresh reload */
import { render } from "solid-js/web";
import "./style.css";

import App from "./App";
import { loadDataFromDB } from "./offline";

const root = document.getElementById("root");
if (!(root instanceof HTMLElement)) {
	throw new Error(
		"Root element not found. Did you forget to add it to your index.html? Or maybe the id attribute got misspelled?",
	);
}
loadDataFromDB()
	.then(() => {
		root.innerHTML = "";
		render(() => <App />, root);
	})
	.catch((e) => {
		root.innerHTML = e.toString();
	});