WebHero - 6 - Disable and navigation of search bar

Nav.svelte

<script lang="ts">
  export let segment: string;
  $: if (segment === 'create') {
    search.update('');
    // If navigating directly to create, this executes before the onMount
    if (searchElem) {
      searchElem.value = '';
    }
  }
  
  let searchElem: HTMLInputElement;
  
  async function onSearchBarClick() {
    await goto('/');
    searchElem.focus();
  }
</script>

<nav>
  <input
    bind:this={searchElem}
    on:click={onSearchBarClick}
    id="search"
    type="search"
    placeholder="Search..."
    disabled={segment === 'create'}
  />
</nav>