mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-12 00:53:55 +00:00
42 lines
842 B
Vue
42 lines
842 B
Vue
<template>
|
|
<v-app>
|
|
<v-toolbar>
|
|
<v-toolbar-side-icon @click.native.stop="drawer = !drawer" />
|
|
<v-toolbar-title>Toolbar</v-toolbar-title>
|
|
</v-toolbar>
|
|
<v-navigation-drawer left fixed app v-model="drawer">
|
|
<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>
|