     <li><a href="/index.html" class="nav-link">HOME</a></li>
        <li><a href="/about.html" class="nav-link">ABOUT</a></li>
        <template #right>
          <li>
            <form class="navbar-form">
              <searchbar :data="searchData" placeholder="Search" :on-hit="searchCallback" menu-align-right></searchbar>
            </form>
          </li>
        </template>
      </navbar>
    </header>
    <div id="flex-body">
      <overlay-source id="site-nav" tag-name="nav" to="site-nav">
       