From 549c44002f8b30580fe045dbb7d5affcf2146bda Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Sun, 6 Sep 2020 13:43:33 -0400
Subject: Fixes

---
 components/Navbar.vue | 32 ++++++++++----------------------
 1 file changed, 10 insertions(+), 22 deletions(-)

(limited to 'components/Navbar.vue')

diff --git a/components/Navbar.vue b/components/Navbar.vue
index a066aaf..31eb39a 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -10,10 +10,7 @@
           </span>
           <!-- Desktop + Tablets Only -->
           <v-toolbar-items class="hidden-xs-only">
-            <v-btn :to="localePath('/')" text>{{ $t('HomeText') }}</v-btn>
-            <v-btn :to="localePath('/blog')" text>{{ $t('BlogText') }}</v-btn>
-            <v-btn :to="localePath('/projects')" text>{{ $t('ProjectsText') }}</v-btn>
-            <v-btn :to="localePath('/videos')" text>{{ $t('VideosText') }}</v-btn>
+            <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>
@@ -32,24 +29,9 @@
           </v-list-item>
           <v-divider></v-divider>
           <v-list dense>
-            <v-list-item :to="localePath('/')">
+            <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('HomeText') }}</v-list-item-title>
-              </v-list-item-content>
-            </v-list-item>
-            <v-list-item :to="localePath('/blog')">
-              <v-list-item-content>
-                <v-list-item-title>{{ $t('BlogText') }}</v-list-item-title>
-              </v-list-item-content>
-            </v-list-item>
-            <v-list-item :to="localePath('/projects')">
-              <v-list-item-content>
-                <v-list-item-title>{{ $t('ProjectsText') }}</v-list-item-title>
-              </v-list-item-content>
-            </v-list-item>
-            <v-list-item :to="localePath('/videos')">
-              <v-list-item-content>
-                <v-list-item-title>{{ $t('VideosText') }}</v-list-item-title>
+                <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>
@@ -68,7 +50,13 @@ export default {
   name: 'Navbar',
   data () {
     return {
-      drawer: false
+      drawer: false,
+      items: [
+        { title: 'HomeText', link: '/' },
+        { title: 'BlogText', link: '/blog' },
+        { title: 'ProjectsText', link: '/projects' },
+        { title: 'VideosText', link: '/videos' }
+      ]
     }
   },
   computed: {
-- 
cgit v1.2.3

