chore(#57): add external link handling to service cards

Author: BrianGilbert

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' },

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>