siimee/frontend/src/components/TopNav.vue

<template lang="pug">
w-toolbar.top-nav.w-flex.align-center.justify-between(top fixed)
    router-link.w-flex.column.no-grow(v-if="$route.params.pid" :to='`/`')
        w-button.pa4(bg-color='transparent')
            w-icon.mr1.icon-arrow-left2(md)
    
    w-button.pa4(v-if="!$route.params.pid" bg-color='transparent' @click="$emit('on-open')")
        w-icon.mr1.icon-cog(md)

    router-link.w-flex.column(:to='`/`')
        p.text-upper.text-center {{$route.path}} {{$route.params}}

    router-link.w-flex.column.no-grow(v-if="!$route.params.pid" :to='`/search`')
        w-button.pa4(bg-color='transparent' disabled)
            w-icon.mr1.icon-search(md)
                //- p.text-upper settings
</template>

<script>
export default {
    name: 'TopNav',
}
</script>

<style lang="sass">
.w-toolbar.top-nav
    height: 50px
</style>