From 5266d9bd13c4addb90737ee417cb3aa9e7a67a05 Mon Sep 17 00:00:00 2001
From: bartvdbraak <bartvdbraak@gmail.com>
Date: Sun, 2 Feb 2020 18:16:03 +0100
Subject: [PATCH] Other links target value prop

---
 src/components/LeftNav.vue | 2 +-
 src/components/NavItem.vue | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue
index 106c512..e97b35f 100644
--- a/src/components/LeftNav.vue
+++ b/src/components/LeftNav.vue
@@ -14,7 +14,7 @@
                 <span>Other Links</span>
             </h6>
             <ul class="nav flex-column mb-2">
-                <NavItem v-for="link in extraLinks" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :url="link.url"/>
+                <NavItem v-for="link in extraLinks" :targetVal="'_blank'" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :url="link.url"/>
             </ul>
         </div>
     </nav>
diff --git a/src/components/NavItem.vue b/src/components/NavItem.vue
index 1563466..6f0a4cd 100644
--- a/src/components/NavItem.vue
+++ b/src/components/NavItem.vue
@@ -6,7 +6,7 @@
 
         </router-link>
 
-        <a class="nav-link" v-bind:class="{ active: isActive }" v-if="url" :href="url" >
+        <a class="nav-link" :target="targetVal" v-bind:class="{ active: isActive }" v-if="url" :href="url" >
             <img class="mx-2 rounded-circle shadow" v-if="icon_url" :src="require(`../assets/${icon_url}`)" width="42" height="42">
             <span class="h6">{{ title }}</span>
         </a>
@@ -28,6 +28,7 @@ export default {
 		url: String,
 		to: String,
 		isActive: Boolean,
+		targetVal: String,
 	},
 }
 </script>