From 4b52f4537a5bb3e28ccdf980e3ad688cede8df5e Mon Sep 17 00:00:00 2001
From: Bryant Gillespie <hey@bryantgillespie.com>
Date: Mon, 18 Sep 2023 16:04:22 -0400
Subject: [PATCH] Open External Header Links in New Tab (#72)

* open outgoing links in new tab

* fix public url type erorr

* Simplify

* Remove unused import

* No longer needed

---------

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
---
 components/Nav/Header.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/Nav/Header.vue b/components/Nav/Header.vue
index d0936b81..3740fd94 100644
--- a/components/Nav/Header.vue
+++ b/components/Nav/Header.vue
@@ -121,6 +121,7 @@ watch(
 							v-if="section.url || (section.page as any)?.permalink"
 							:href="(section.page as any)?.permalink ?? section.url ?? undefined"
 							class="section-title"
+							:target="!section.page && section.url ? '_blank' : undefined"
 						>
 							{{ section.title }}
 						</NuxtLink>
@@ -143,7 +144,11 @@ watch(
 										<div v-if="section.children_title" class="subsection-title">{{ section.children_title }}</div>
 										<ul v-if="section.children && section.children.length > 0">
 											<li v-for="link in section.children" :key="link.id">
-												<NuxtLink :href="(link.page as any)?.permalink ?? link.url ?? undefined" class="link">
+												<NuxtLink
+													:href="(link.page as any)?.permalink ?? link.url ?? undefined"
+													class="link"
+													:target="!link.page && link.url ? '_blank' : undefined"
+												>
 													<BaseDirectusImage
 														v-if="link.image"
 														:uuid="(link.image as string)"