From b01303258a0cbb6be4724f46f5d23b0c0601baf8 Mon Sep 17 00:00:00 2001
From: Bashamega <adambashaahmednaji@gmail.com>
Date: Thu, 13 Mar 2025 15:52:00 +0200
Subject: [PATCH 1/3] Add external link handling to open in new tab

---
 app/app.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/app.vue b/app/app.vue
index 2829b936..539174a2 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { spec } from '@directus/openapi';
+import { onMounted } from 'vue';
 
 const { data: navigation } = useAsyncData('navigation', () => fetchContentNavigation());
 
@@ -13,6 +14,14 @@ defineOgImage({
 const { search } = useAppConfig();
 
 const { data: files } = useLazyFetch<ParsedContent[]>('/api/search.json', { default: () => [], server: false });
+onMounted(() => {
+	const links = document.querySelectorAll('a');
+	links.forEach(link => {
+		if (link.hostname !== window.location.hostname) {
+			link.setAttribute('target', '_blank');
+		}
+	});
+});
 </script>
 
 <template>

From 3697484e66986e5d4a72bd9ca3aa2627f26669b9 Mon Sep 17 00:00:00 2001
From: Bashamega <adambashaahmednaji@gmail.com>
Date: Thu, 13 Mar 2025 15:55:53 +0200
Subject: [PATCH 2/3] Enhance external link handling to update dynamically on
 route changes

---
 app/app.vue | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index 539174a2..e2eb4d6b 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { spec } from '@directus/openapi';
-import { onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+import { nextTick, watch } from 'vue';
+const route = useRoute();
 
 const { data: navigation } = useAsyncData('navigation', () => fetchContentNavigation());
 
@@ -14,14 +16,21 @@ defineOgImage({
 const { search } = useAppConfig();
 
 const { data: files } = useLazyFetch<ParsedContent[]>('/api/search.json', { default: () => [], server: false });
-onMounted(() => {
-	const links = document.querySelectorAll('a');
-	links.forEach(link => {
-		if (link.hostname !== window.location.hostname) {
-			link.setAttribute('target', '_blank');
-		}
+const updateLinks = () => {
+	nextTick(() => {
+		const links = document.querySelectorAll('a');
+		links.forEach(link => {
+			if (link.hostname !== window.location.hostname) {
+				link.setAttribute('target', '_blank');
+			}
+		});
 	});
-});
+};
+
+onMounted(updateLinks);
+
+// Watch for page changes
+watch(() => route.path, updateLinks);
 </script>
 
 <template>

From 0f7ef06fa10366014464aca6f59b8aa16a07a4c8 Mon Sep 17 00:00:00 2001
From: Adam Basha <110662505+Bashamega@users.noreply.github.com>
Date: Sun, 13 Apr 2025 06:55:35 +0000
Subject: [PATCH 3/3] fix

---
 app/app.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index e2eb4d6b..a82e3d8a 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -20,17 +20,29 @@ const updateLinks = () => {
 	nextTick(() => {
 		const links = document.querySelectorAll('a');
 		links.forEach(link => {
-			if (link.hostname !== window.location.hostname) {
+			const href = link.getAttribute('href');
+			if (
+				href?.startsWith('http') &&
+				link.hostname !== window.location.hostname
+			) {
 				link.setAttribute('target', '_blank');
+				link.setAttribute('rel', 'noopener noreferrer');
 			}
 		});
 	});
 };
 
-onMounted(updateLinks);
+onMounted(() => {
+	nextTick(() => {
+		setTimeout(updateLinks, 100);
+	});
+});
 
-// Watch for page changes
-watch(() => route.path, updateLinks);
+watch(() => route.fullPath, () => {
+	nextTick(() => {
+		setTimeout(updateLinks, 100);
+	});
+});
 </script>
 
 <template>