totole/sapper-template
1
0
Fork 0
mirror of https://github.com/kevin-DL/sapper-template.git synced 2026-01-20 13:35:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Log out

Browse Source
This commit is contained in:
Robert Hall
2018-09-24 20:02:10 -06:00
parent f89fbadcdc
commit 4d807ef43d
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/Nav.html
View File

@@ -8,7 +8,7 @@
<li><a rel=prefetch class='{segment === "blog" ? "selected" : ""}' href='blog'>blog</a></li> <li><a rel=prefetch class='{segment === "blog" ? "selected" : ""}' href='blog'>blog</a></li>
{#if $user} {#if $user}
<li><span>sign out</span></li> <li><span on:click="logout()">sign out</span></li>
{:else} {:else}
<li><a class='{segment === "login" ? "selected" : ""}' href='login'>log in</a></li> <li><a class='{segment === "login" ? "selected" : ""}' href='login'>log in</a></li>
<li><a class='{segment === "signup" ? "selected" : ""}' href='signup'>sign up</a></li> <li><a class='{segment === "signup" ? "selected" : ""}' href='signup'>sign up</a></li>
@@ -17,6 +17,16 @@
</ul> </ul>
</nav> </nav>
<script>
export default {
methods: {
logout() {
this.store.get().logout()
}
}
};
</script>
<style> <style>
nav { nav {
border-bottom: 1px solid rgba(170,30,30,0.1); border-bottom: 1px solid rgba(170,30,30,0.1);