<template>
  <div id="app">
    <div id="sidebar">
      <h1>Nuxt Contacts</h1>
      <div>
        <form id="search-form" role="search">
          <input
            id="q"
            aria-label="Search contacts"
            name="q"
            placeholder="Search"
            type="search"
          >
          <div
            id="search-spinner"
            aria-hidden
            hidden
          />
        </form>
        <form method="post">
          <button type="submit">New</button>
        </form>
      </div>
      <nav>
        <ul>
          <li>
            <a href="/contacts/1">Your Name</a>
          </li>
          <li>
            <a href="/contacts/2">Your Friend</a>
          </li>
        </ul>
      </nav>
    </div>
    <slot/>
  </div>
</template>