A VueJS + Vuetify app template with toolbar, navigation drawer, and router configuration.

VuetifyAppTemplate.vue

<template>
    <v-app>
        <v-navigation-drawer :value="isDrawerVisible" app clipped>
            <v-list class="pt-0">
                <v-list-tile @click="">
                    <v-list-tile-action>
                        <v-icon>dashboard</v-icon>
                    </v-list-tile-action>

                    <v-list-tile-content>
                        <v-list-tile-title>Home</v-list-tile-title>
                    </v-list-tile-content>
                </v-list-tile>

                <v-list-tile @click="">
                    <v-list-tile-action>
                        <v-icon>question_answer</v-icon>
                    </v-list-tile-action>

                    <v-list-tile-content>
                        <v-list-tile-title>About</v-list-tile-title>
                    </v-list-tile-content>
                </v-list-tile>
            </v-list>
        </v-navigation-drawer>
        
        <v-toolbar elevation-0 class="navbarstyle" app fixed clippedLeft>
            <v-toolbar-side-icon @click="isDrawerVisible = !isDrawerVisible" flat></v-toolbar-side-icon>
            <v-toolbar-title>
                App Name
            </v-toolbar-title>
            <v-toolbar-items>
            </v-toolbar-items>
        </v-toolbar>

        <v-content>
            <v-container fluid fill-height>
                <router-view/>
            </v-container>
        </v-content>

    </v-app>
</template>

<script>

export default {
    name: 'App',
    data () {
            return {
                isDrawerVisible: true
            }
    }
}
</script>