Vuetify

<template>
    <nav>
        <v-toolbar dark app>
            <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
            <v-toolbar-title class="text-uppercase font-weight-thin">Beenerds <span class="font-weight-bold">Guild</span></v-toolbar-title>
            <v-spacer></v-spacer>
            <v-btn fab x-small  class="cyan mr-5" darken-1>
                <v-icon>mdi-bell</v-icon>
            </v-btn>
            <v-avatar
            size="48">
                <img src="https://media.mmo-champion.com/images/news/2018/february/WoWIcon22.jpg" alt="alt">
            <v-icon>mdi-chevron-down</v-icon>
        </v-avatar>
        </v-toolbar>
        <v-navigation-drawer app class="light-blue" accent-1 v-model="drawer" hide-overlay ="false">
            test
        </v-navigation-drawer>
    </nav>
</template>