aboutsummaryrefslogtreecommitdiff
path: root/components/Navbar.vue
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2021-04-09 15:17:24 -0400
committerAndrew Lee <alee14498@protonmail.com>2021-04-09 15:17:24 -0400
commit577c4323fef0cd2360c8bc44bd9c9e5c0ffadcb9 (patch)
tree7badb49dfbb67f63a4b97abc38c9bc6960fd3cd1 /components/Navbar.vue
parent3fb9421ba90977e7f7ac4f1c2e1aadc6b57bcff3 (diff)
downloadpersonal-website-577c4323fef0cd2360c8bc44bd9c9e5c0ffadcb9.tar.gz
personal-website-577c4323fef0cd2360c8bc44bd9c9e5c0ffadcb9.tar.bz2
personal-website-577c4323fef0cd2360c8bc44bd9c9e5c0ffadcb9.zip
Inital rewrite v3
Diffstat (limited to 'components/Navbar.vue')
-rw-r--r--components/Navbar.vue75
1 files changed, 0 insertions, 75 deletions
diff --git a/components/Navbar.vue b/components/Navbar.vue
deleted file mode 100644
index f297774..0000000
--- a/components/Navbar.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
- <div>
- <v-app-bar>
- <v-toolbar-title>Andrew Lee</v-toolbar-title>
- <v-spacer/>
-
- <!-- Mobile Only -->
- <span class="hidden-sm-and-up">
- <v-btn @click.stop="drawer = !drawer" icon><v-icon>mdi-menu</v-icon></v-btn>
- </span>
- <!-- Desktop + Tablets Only -->
- <v-toolbar-items class="hidden-xs-only">
- <v-btn v-for="item in items" :key="item.title" :to="localePath(item.link)" text>{{ $t(item.title) }}</v-btn>
- <!--<v-btn :to="localePath('#')" text>Alee Logo</v-btn>-->
- <v-divider class="mx-4" vertical></v-divider>
- <v-btn v-for="locale in availableLocales" :key="locale.code" :to="switchLocalePath(locale.code)" text>{{ locale.name }}</v-btn>
- </v-toolbar-items>
- </v-app-bar>
- <!--<v-alert type="info" dismissible>
- Hey there! This is just a temporary message saying that the french option is in beta! If you see some problems with my french, be sure to make a <a href="https://github.com/Alee14/personal-website" target="_blank">pull request or point it out on my issues page</a>!
- </v-alert> -->
-
- <!-- Mobile Only -->
- <v-navigation-drawer v-model="drawer" absolute temporary left>
- <v-list-item>
- <v-list-item-content>
- <v-list-item-title class="title">Andrew Lee</v-list-item-title>
- </v-list-item-content>
- </v-list-item>
- <v-divider></v-divider>
- <v-list dense>
- <v-list-item v-for="item in items" :key="item.title" :to="localePath(item.link)" link>
- <v-list-item-content>
- <v-list-item-title>{{ $t(item.title) }}</v-list-item-title>
- </v-list-item-content>
- </v-list-item>
- <v-divider class="mx-4"></v-divider>
- <v-list-item v-for="locale in availableLocales" :key="locale.code" :to="switchLocalePath(locale.code)">
- <v-list-item-content>
- <v-list-item-title>{{ locale.name }}</v-list-item-title>
- </v-list-item-content>
- </v-list-item>
- </v-list>
- </v-navigation-drawer>
- </div>
-</template>
-
-<script>
-export default {
- name: 'Navbar',
- data () {
- return {
- drawer: false,
- items: [
- { title: 'HomeText', link: '/' },
- { title: 'ProjectsText', link: '/projects' },
- { title: 'DownloadsText', link: '/downloads' }
- // { title: 'VideosText', link: '/videos' }
- // { title: 'AleeLogoText', link: '/alee-logo' }
- ]
- }
- },
- computed: {
- availableLocales () {
- return this.$i18n.locales.filter(i => i.code !== this.$i18n.locale)
- }
- }
-}
-</script>
-
-<style scoped>
-a {
- color: white;
-}
-</style>