---
import '/src/assets/css/main.scss';
export const prerender = false;
---
<script is:inline>
    const afterUpdate = (e) => {
        const start = document.querySelector('#start');
        if (start) {
            const val = Number(start.value) || 0;
            start.value = (val + 20).toString();
        }
        // delete the triggering element
        if (e && e.detail && e.detail.elt) {
            e.detail.elt.remove();
        }
    };
    const beforeSearch = (e) => {
        const start = document.querySelector('#start');
        if (start) {
            start.value = '0';
            document.querySelector('#cardGrid').innerHTML = '';
            window.scrollTo({ top: 0, behavior: 'instant' });
        }
    };
</script>
<nav class="navbar navbar-expand sticky-top bg-dark" data-bs-theme="dark">
  <div class="container container-fluid">
    <a class="navbar-brand d-flex" href="/">
      <span class="h3 d-none d-md-flex">Rigid's App Thing</span><span class="h3 d-md-none d-flex m-auto">RAT</span>
    </a>
    <slot name="navItems"/>
    <slot name="searchInput"/>
  </div>
</nav>