dancefinder-app/app/components/pages/events/event-list.vue

<template>
  <div>
    <v-row v-for="event in events" :key="event.id">
      <v-col cols="12">
        <event-card
          :event="event"
          :has-user="hasUser"
          :toggle-ignore="toggleIgnore"
        />
      </v-col>
    </v-row>
  </div>
</template>

<script setup lang='ts'>
import type { PropType } from 'vue'

import type { Event } from '~~/graphql/generated/operations'

import EventCard from './event-card.vue'

defineProps({
  hasUser: {
    type: Boolean,
    required: true,
  },
  toggleIgnore: {
    type: Function,
    required: true,
  },
  events: {
    type: Array as PropType<Event[]>,
    required: true,
  },
})
</script>