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

42 lines
864 B
Vue
Raw Normal View History

2017-06-19 23:04:23 +00:00
<template>
<v-app>
<v-toolbar color="primary" dark>
2018-04-09 08:23:48 +00:00
<v-toolbar-side-icon @click.native.stop="drawer = !drawer" />
<v-toolbar-title>Toolbar</v-toolbar-title>
2017-06-19 23:04:23 +00:00
</v-toolbar>
<v-navigation-drawer v-model="drawer" left fixed app>
2017-06-19 23:04:23 +00:00
<v-list>
2018-04-09 08:23:48 +00:00
<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>
2017-06-19 23:04:23 +00:00
</v-list>
2018-04-09 08:23:48 +00:00
</v-navigation-drawer>
2017-06-19 23:04:23 +00:00
<main>
<v-content>
<v-container fluid>
<nuxt />
2017-06-19 23:04:23 +00:00
</v-container>
</v-content>
</main>
</v-app>
</template>
<script>
export default {
data() {
return {
2018-04-09 08:23:48 +00:00
drawer: false
2017-06-19 23:04:23 +00:00
}
}
}
</script>
<style scoped>
.title {
padding-left: 20px;
}
</style>