Nuxt/examples/with-vuetify/layouts/default.vue
Kawacrepe 05fe682f1d
examples(with-vuetify): use v-main instead of v-content (#7638)
Since vuetify 2.3 `v-content` became `v-main`
2020-06-30 20:25:56 +02:00

42 lines
859 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-main>
<v-container fluid>
<nuxt />
</v-container>
</v-main>
</main>
</v-app>
</template>
<script>
export default {
data () {
return {
drawer: false
}
}
}
</script>
<style scoped>
.title {
padding-left: 20px;
}
</style>