misc: update vuetify example

This commit is contained in:
Clark Du 2018-04-09 16:23:48 +08:00
parent 9b9c1264c6
commit eff203740d
No known key found for this signature in database
GPG Key ID: D0E5986AF78B86D9
2 changed files with 12 additions and 16 deletions

View File

@ -1,23 +1,19 @@
<template> <template>
<v-app> <v-app>
<v-toolbar> <v-toolbar>
<v-toolbar-side-icon @click.native.stop="sidebar = !sidebar" /> <v-toolbar-side-icon @click.native.stop="drawer = !drawer" />
<v-toolbar-logo>Toolbar</v-toolbar-logo> <v-toolbar-title>Toolbar</v-toolbar-title>
</v-toolbar> </v-toolbar>
<v-sidebar left fixed drawer v-model="sidebar"> <v-navigation-drawer left fixed app v-model="drawer">
<v-list> <v-list>
<v-list-item>
<v-list-tile router nuxt href="/"> <v-list-tile router nuxt href="/">
<v-list-tile-title>Home</v-list-tile-title> <v-list-tile-title>Home</v-list-tile-title>
</v-list-tile> </v-list-tile>
</v-list-item>
<v-list-item>
<v-list-tile router nuxt href="/about"> <v-list-tile router nuxt href="/about">
<v-list-tile-title>About</v-list-tile-title> <v-list-tile-title>About</v-list-tile-title>
</v-list-tile> </v-list-tile>
</v-list-item>
</v-list> </v-list>
</v-sidebar> </v-navigation-drawer>
<main> <main>
<v-content> <v-content>
<v-container fluid> <v-container fluid>
@ -32,7 +28,7 @@
export default { export default {
data() { data() {
return { return {
sidebar: false drawer: false
} }
} }
} }

View File

@ -1,7 +1,7 @@
{ {
"name": "example-with-vuetify", "name": "example-with-vuetify",
"dependencies": { "dependencies": {
"nuxt": "latest", "nuxt-edge": "latest",
"vuetify": "latest" "vuetify": "latest"
}, },
"scripts": { "scripts": {