rebuilding-uis/src/components/recent-talks/recent-talk.vue

<template>
  <div class="flex flex-col flex-col-reverse justify-end space-y-5 space-y-reverse">
    <div class="py-2 text-lg font-bold border-t-2 border-b-2">
      {{ talk.title }}
    </div>

    <div class="embed-responsive">
      <div class="embed-responsive-item">
        <iframe :src="`https://www.youtube.com/embed/${talk.videoId}`"/>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'RecentTalk',

  props: {
    talk: {
      type: Object,
      required: true
    }
  }
}
</script>