add cover image to recording previews

  <app-card :title="recording.title" :description="recording.description"

            :link="{ to: { name: 'recording', params: { id: recording.id } } }" has-body-link>

    <template v-slot:image>

      <app-play-pause :tracks="tracks" :track-id="recording.id" :title="recording.title"/>

      <app-play-pause :tracks="tracks" :track-id="recording.id" :title="recording.title" :image="coverImage"/>

    </template>

    <template v-slot:footer>

      recording: Object

    },

    computed: {

      coverImage () {

        return this.recording.cover_image

          ? this.dataSources.createImageUrl(this.recording.cover_image)

          : null

      },

      productionDate () {

        return new Date(this.recording.production_date)

      },

      durationLabel () {

        return secondsToDuration(this.duration)

      }

    }

    },

    inject: ['dataSources']

  }

</script>