diff --git a/app/app.vue b/app/app.vue
index 2829b936..a82e3d8a 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import { spec } from '@directus/openapi';
+import { useRoute } from 'vue-router';
+import { nextTick, watch } from 'vue';
+const route = useRoute();
 
 const { data: navigation } = useAsyncData('navigation', () => fetchContentNavigation());
 
@@ -13,6 +16,33 @@ defineOgImage({
 const { search } = useAppConfig();
 
 const { data: files } = useLazyFetch<ParsedContent[]>('/api/search.json', { default: () => [], server: false });
+const updateLinks = () => {
+	nextTick(() => {
+		const links = document.querySelectorAll('a');
+		links.forEach(link => {
+			const href = link.getAttribute('href');
+			if (
+				href?.startsWith('http') &&
+				link.hostname !== window.location.hostname
+			) {
+				link.setAttribute('target', '_blank');
+				link.setAttribute('rel', 'noopener noreferrer');
+			}
+		});
+	});
+};
+
+onMounted(() => {
+	nextTick(() => {
+		setTimeout(updateLinks, 100);
+	});
+});
+
+watch(() => route.fullPath, () => {
+	nextTick(() => {
+		setTimeout(updateLinks, 100);
+	});
+});
 </script>
 
 <template>