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

<template>
  <div>
    <v-row v-for="event in events" :key="event.id" wrap>
      <v-col xs="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 EventCard from './event-card.vue'
import { type Event } from '~/graphql/generated/operations'

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