---
import "@/styles/blocks/search.css";
---

<script>
	(() => {
		if (import.meta.env.DEV) return;
		const onIdle = window.requestIdleCallback || ((cb) => setTimeout(cb, 1));
		onIdle(async () => {
			await import("@pagefind/component-ui");
		});
	})();
</script>

<pagefind-config
	baseUrl={`${import.meta.env.BASE_URL}`}
	bundle-path={`${import.meta.env.BASE_URL.replace(/\/$/, "")}/pagefind/`}></pagefind-config>
<pagefind-modal-trigger id="search" class="ms-auto" hide-shortcut compact></pagefind-modal-trigger>
<pagefind-modal></pagefind-modal>