<template>
  <div>
    <playlist-video-card
      v-for="(video, index) in playlist.videos"
      :key="index"
      :video="video"
      @deleted="deletePlaylistVideo(video)"
    />
  </div>
</template>

<script>
import playlistVideoCard from "~/components/Playlist/playlistVideoCard.vue";
export default {
  components: { playlistVideoCard },
  computed: {
    playlist() {
      return this.$store.state.playlist.currentPlaylist;
    },
  },
  methods: {
    deletePlaylistVideo(target) {
      this.$store.commit("playlist/removeFromPlaylist", {
        playlistIndex: this.playlist.index,
        video: target,
      });
    },
  },
};
</script>
