37 lines
662 B
Vue
37 lines
662 B
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 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>
|