:sparkles: using card component in episode pages

vue-theme/src/components/card.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
 .card(v-if="content")
     header
-        router-link(:to="`/${type}`")
+        router-link(v-if="!hideType" :to="`/${type}`")
             p.t-up {{type}}
     article.card--info(:class="{ 'wide': wide }")
         router-link(:to="`/${type}/${content.slug}`")
@@ -16,7 +16,7 @@
 import featuredImage from '@/components/featured-image'
 export default {
     components: { featuredImage },
-    props: ['type', 'content', 'wide']
+    props: ['type', 'content', 'wide', 'hide-type']
 }
 </script>
 

vue-theme/src/pages/single.vue

@@ -28,10 +28,7 @@
             h2.t-up featured in this episode
             ul
                 li.f-row.between(v-for="artist in p2pPostsByType['artist']")
-                    img.feature(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
-                    .f-col
-                        h2.t-up {{ artist.title }}
-                        p {{ artist.excerpt }}
+                    card(:content="artist" type="artists" :wide="true" :hide-type="true")
             
         credits(v-if="type === 'episodes' && post" :post="post")
 
@@ -39,6 +36,7 @@
 </template>
 
 <script>
+import card from '@/components/card.vue'
 import sidebar from '@/components/sidebars/sidebar'
 import gallery from '@/components/gallery/'
 import block from '@/components/content-block/block'
@@ -49,7 +47,7 @@ import { postTypeGetters, scrollTop } from './mixin-post-types'
 import { convertTitleCase, dePluralize, typeFromRoute } from '@/utils/helpers'
  
 export default {
-    components: { sidebar, gallery, block, credits },
+    components: { sidebar, gallery, block, credits, card },
     props: {
         sidebar: { type: Boolean },
         id: { type: Number }