<template>
  <div class="list">
    <EventCard v-for="event in events" :key="event.data.guid" :event="event" />
  </div>
</template>

<style lang="postcss" scoped>
.list {
  @apply p-2;
}
</style>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { Getter } from "vuex-class";
import EventCard from "./EventCard.vue";
import { FeedEvent } from "@/store/types";

@Component({
  components: {
    EventCard
  }
})
export default class ListView extends Vue {
  @Getter("events") private events!: FeedEvent[];
}
</script>
