From 6791799f928bf9060695f0a8732c0335629c84a2 Mon Sep 17 00:00:00 2001
From: onmax <maximogarciamtnez@gmail.com>
Date: Tue, 1 Oct 2024 19:26:33 +0200
Subject: [PATCH] dynamic target

---
 .vitepress/theme/components/header/Navigation.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/.vitepress/theme/components/header/Navigation.vue b/.vitepress/theme/components/header/Navigation.vue
index 199bbd8..3626e8a 100644
--- a/.vitepress/theme/components/header/Navigation.vue
+++ b/.vitepress/theme/components/header/Navigation.vue
@@ -9,6 +9,10 @@ import ThemeSwitcher from './ThemeSwitcher.vue'
 defineProps<{ navigation: NavigationType }>()
 
 const currentTrigger = ref('')
+
+function getTarget(url: string) {
+  return url.startsWith('http') ? '_blank' : undefined
+}
 </script>
 
 <template>
@@ -25,7 +29,7 @@ const currentTrigger = ref('')
               <NavigationMenu.Link as-child>
                 <a
                   relative of-hidden transition-colors flex="~ col justify-end" rounded-6 h-full w-full p-16
-                  :class="`focusable ${main.classes}`" :href="withBase(main.href)" target="_blank"
+                  :class="`focusable ${main.classes}`" :href="withBase(main.href)" :target="getTarget(main.href)"
                 >
                   <div :class="main.iconClasses" text-128 absolute top-8 right--24 />
                   <span nq-label text="12 white/70" z-1>{{ main.label }}</span>
@@ -43,7 +47,7 @@ const currentTrigger = ref('')
               <NavigationMenu.Link as-child>
                 <a
                   flex="~ col gap-3" select-none rounded-6 px-8 py-10 class="focusable" transition-colors
-                  :href="withBase(href)" hocus:bg-neutral-200 group target="_blank"
+                  :href="withBase(href)" hocus:bg-neutral-200 group :target="getTarget(href)"
                 >
                   <h4 nq-labeltext="11 neutral" pl-2 font-bold class="nq-arrow" after:op-60>{{ title }}</h4>
                   <p text="14 neutral-800" lh-18> {{ description }}</p>