Use slot in BaseIcon component

esnilara · Jan 6, 2020 · f0a2654 · f0a2654
1 parent b8a2f1c
commit f0a2654
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/BaseIcon.vue b/src/components/BaseIcon.vue
@@ -3,6 +3,8 @@
     <svg class="icon" :width="width" :height="height">
       <use v-bind="{ 'xlink:href': '/feather-sprite.svg#' + name }" />
     </svg>
+
+    <slot></slot>
   </div>
 </template>
 

diff --git a/src/components/EventCard.vue b/src/components/EventCard.vue
@@ -6,8 +6,7 @@
     <div class="event-card -shadow">
       <span class="eyebrow">@{{ event.time }} on {{ event.date }}</span>
       <h4 class="title">{{ event.title }}</h4>
-      <BaseIcon name="users" />
-      <span>{{ event.attendees.length }} attending</span>
+      <BaseIcon name="users">{{ event.attendees.length }} attending</BaseIcon>
     </div>
   </router-link>
 </template>