37 lines
784 B
Vue
37 lines
784 B
Vue
<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> |