diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/Navbar.vue | 44 |
1 files changed, 28 insertions, 16 deletions
diff --git a/components/Navbar.vue b/components/Navbar.vue index 49d9629..fd559db 100644 --- a/components/Navbar.vue +++ b/components/Navbar.vue @@ -1,24 +1,36 @@ <template> - <v-card> - <v-toolbar dark> - <v-toolbar-title>Andrew Lee</v-toolbar-title> - <v-spacer/> - <v-btn to="/" text> - Home - </v-btn> - <v-btn to="/blog" text> - Blog - </v-btn> - <v-btn to="/projects" text> - Projects - </v-btn> - </v-toolbar> - </v-card> + <div> + <v-app-bar> + <v-toolbar-title>Andrew Lee</v-toolbar-title> + <v-spacer/> + <v-toolbar-items> + <v-btn to="/" text> + Home + </v-btn> + <v-btn to="/blog" text> + Blog + </v-btn> + <v-btn to="/projects" text> + Projects + </v-btn> + </v-toolbar-items> + </v-app-bar> + </div> </template> <script> export default { - name: 'Navbar' + name: 'Navbar', + data () { + return { + drawer: false, + items: [ + { title: 'Home', link: '/', icon: 'home' }, + { title: 'Blog', link: 'store', icon: 'blog' }, + { title: 'Projects', link: 'cart', icon: 'projects' } + ] + } + } } </script> |