From f88639a2e6b374c3d8ef06ce7929289ea99af1ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sun, 7 Nov 2021 11:48:01 +0100
Subject: [PATCH] Define when Button url is external

---
 src/components/atoms/Button.svelte | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/atoms/Button.svelte b/src/components/atoms/Button.svelte
index 15355ba..7e325b5 100644
--- a/src/components/atoms/Button.svelte
+++ b/src/components/atoms/Button.svelte
@@ -16,6 +16,12 @@
         ...[color, size].map(variant => variant && `${className}--${variant}`),
         $$props.class
     ].join(' ').trim()
+
+    // Define external links
+    let rel: string, target: string
+    $: isExternal = /(http(s?)):\/\//i.test(url)
+    $: rel = isExternal ? 'external noopener noreferrer' : null
+    $: target = isExternal ? '_blank' : null
 </script>
 
 {#if tag === 'button'}
@@ -24,7 +30,13 @@
         <SplitText {text} clone={true} />
     </button>
 {:else if tag === 'a'}
-    <a href={url} class={classes} on:click sveltekit:prefetch>
+    <a
+        href={url} class={classes}
+        {rel} {target}
+        sveltekit:prefetch={url && isExternal ? null : true}
+        disabled={disabled}
+        on:click
+    >
         <slot />
         <SplitText {text} clone={true} />
     </a>