nav.html

<div class="theme-tts">
  <ttui-header>
    <nav slot="nav">
      {{- range .Site.Menus.main }}
      <a href="{{ .URL }}">{{ .Pre }}{{ .Name }}</a>
      {{- end }}
    </nav>
    <div slot="right">
      {{- if .Site.Params.search.enabled -}}
      <div class="navbar-item navbar-search-menu" id="search-input-menu"></div>
      {{- end -}} {{- if .Site.Menus.buttons }} {{- if not .Params.hidebuttons
      -}}
      <div class="navbar-item">
        {{- range .Site.Menus.buttons }}
        <button class="ttui-btn ttui-btn--primary md:d-none" onclick="window.open('{{ .URL }}', '_blank')"
          >{{ .Pre }}{{ .Name }}</button>
        {{- end }}
      </div>
      {{- end -}} {{- end }}
    </div>
  </ttui-header>
</div>

{{- if .Site.Params.search.enabled -}}
<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
<script type="text/javascript">
  docsearch({
    appId: {{ .Site.Params.search.appid }},
    apiKey: {{ .Site.Params.search.apikey }},
    indexName: {{ .Site.Params.search.index }},
    container: '#search-input-menu',
    debug: false, // Set debug to true if you want to inspect the dropdown.
  });
</script>
{{- end -}}