<template> <v-app> <v-toolbar color="primary" dark> <v-toolbar-side-icon @click.native.stop="drawer = !drawer" /> <v-toolbar-title>Toolbar</v-toolbar-title> </v-toolbar> <v-navigation-drawer v-model="drawer" left fixed app> <v-list> <v-list-tile router nuxt href="/"> <v-list-tile-title>Home</v-list-tile-title> </v-list-tile> <v-list-tile router nuxt href="/about"> <v-list-tile-title>About</v-list-tile-title> </v-list-tile> </v-list> </v-navigation-drawer> <main> <v-content> <v-container fluid> <nuxt /> </v-container> </v-content> </main> </v-app> </template> <script> export default { data() { return { drawer: false } } } </script> <style scoped> .title { padding-left: 20px; } </style>