Nuxt/examples/with-vuetify/layouts/default.vue

42 lines
864 B
Vue

<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>