From 0fa7ae8466a7bde10adb95237fda2593fd95b51d Mon Sep 17 00:00:00 2001
From: Brian Gilbert <brian@briangilbert.net>
Date: Tue, 27 Aug 2024 10:13:42 +1000
Subject: [PATCH] chore(#57): add external link handling to service cards

---
 src/components/ServiceCard.stories.js | 8 +++++++-
 src/components/ServiceCard.vue        | 9 ++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/ServiceCard.stories.js b/src/components/ServiceCard.stories.js
index 3390bd7..5dc9e5a 100644
--- a/src/components/ServiceCard.stories.js
+++ b/src/components/ServiceCard.stories.js
@@ -30,7 +30,13 @@ Default.args = {
   title: 'Services category title across one or two lines',
   links: [
     { url: '#', title: 'Link 1' },
-    { url: '#', title: 'Link 2' },
+    {
+      url: '#',
+      title: 'Link 2',
+      external: true,
+      target: '_blank',
+      icon: 'upper-right-arrow'
+    },
     { url: '#', title: 'Link 3' },
     { url: '#', title: 'Link 4' },
     { url: '#', title: 'Link 5' },
diff --git a/src/components/ServiceCard.vue b/src/components/ServiceCard.vue
index 89ce547..fcb15f0 100644
--- a/src/components/ServiceCard.vue
+++ b/src/components/ServiceCard.vue
@@ -21,7 +21,14 @@
       <!-- Slot: Default -->
       <CTItemList class="ct-service-card__links" :items="links">
         <template #default="{ item }">
-          <CTLink :link="item.url" :text="item.title" :theme="theme" />
+          <CTLink
+            :external="item.external"
+            :icon="item.icon"
+            :link="item.url"
+            :target="item.target"
+            :text="item.title"
+            :theme="theme"
+            />
         </template>
       </CTItemList>