From e4fcf5faa934655738f837eb957704776404d28c Mon Sep 17 00:00:00 2001
From: Nikolay Dorofeev <dorich2000@gmail.com>
Date: Sat, 11 Nov 2023 16:21:41 +0400
Subject: [PATCH] Add isExternalLink to useLink composable

---
 .../esprit-design/src/components/buttons/DBtn.vue   |  8 ++++++--
 packages/esprit-design/src/composables/router.ts    | 13 +++++++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/esprit-design/src/components/buttons/DBtn.vue b/packages/esprit-design/src/components/buttons/DBtn.vue
index f9931acb..1a53b36d 100644
--- a/packages/esprit-design/src/components/buttons/DBtn.vue
+++ b/packages/esprit-design/src/components/buttons/DBtn.vue
@@ -52,7 +52,11 @@ const props = defineProps({
   }
 })
 
-const { linkComponent: currentComponent } = useLink(props)
+const {
+  linkComponent: currentComponent,
+  isLink,
+  isExternalLink
+} = useLink(props)
 </script>
 
 <template>
@@ -70,7 +74,7 @@ const { linkComponent: currentComponent } = useLink(props)
     <DWrapFocusHighlight
       :variant="highlight"
       :link-exact="exact"
-      :no-passive-link="noPassiveHighlight"
+      :no-passive-link="noPassiveHighlight || !isLink || isExternalLink"
       :color-class="colorClass"
       :active="active"
     >
diff --git a/packages/esprit-design/src/composables/router.ts b/packages/esprit-design/src/composables/router.ts
index c79004da..c2030958 100644
--- a/packages/esprit-design/src/composables/router.ts
+++ b/packages/esprit-design/src/composables/router.ts
@@ -17,10 +17,21 @@ export function useLink(props: LinkProps) {
     | string
 
   const isLink = computed(() => !!(props.href || props.to))
+  const isExternalLink = computed(() => {
+    if (!props.href) return false
+    const href = props.href
+    return (
+      href.startsWith('http') ||
+      href.startsWith('mailto:') ||
+      href.startsWith('tel:') ||
+      href.startsWith('#')
+    )
+  })
 
   if (typeof NuxtLink !== 'string') {
     return {
       isLink,
+      isExternalLink,
       linkComponent: NuxtLink
     }
   }
@@ -28,12 +39,14 @@ export function useLink(props: LinkProps) {
   if (typeof RouterLink !== 'string') {
     return {
       isLink,
+      isExternalLink,
       linkComponent: RouterLink
     }
   }
 
   return {
     isLink,
+    isExternalLink,
     linkComponent: 'a'
   }
 }