import { render } from "solid-js/web";
import { Router, Route } from "@solidjs/router";
import mermaid from "mermaid";
import App from "./App";
import "./styles.css";

// Mermaid is a runtime concern; the markdown module only emits
// <pre class="mermaid"> placeholders. Initialize before any `mermaid.run()`.
mermaid.initialize({ theme: "dark" });

const root = document.getElementById("root");

if (root) {
  render(
    () => (
      <Router>
        <Route path="/" component={App} />
        <Route path="/*" component={App} />
      </Router>
    ),
    root,
  );
}