<template>
    <v-app>
        <v-app-bar
            fixed
            app
            color="primary"
            dark
        >
            <v-btn to="/" text rounded>Simple Notes</v-btn>
            <v-spacer/>
            <v-btn to="/notes" class="mr-2" text rounded>My notes</v-btn>
            <v-btn outlined v-if="this.$store.state.auth.loggedIn">Welcome {{this.$store.state.auth.user.username}}</v-btn>
            <v-btn v-else to="/account" text rounded>Account</v-btn>
        </v-app-bar>
        <v-content>
            <v-container>
                <nuxt/>
            </v-container>
        </v-content>
    </v-app>
</template>

<script>
    export default {}
</script>

<style>
    html {
        overflow-y: auto
    }
</style>
