argoyle
348e0fa045
Replace deprecated V2 props that were being silently ignored: - v-layout → v-row, grid-list-md removed, xs → cols on v-col - v-tooltip top → location="top", v-list dense → density="compact" - v-app-bar app/scroll-off-screen → scroll-behavior="hide" - append-outer-icon → append-icon, remove primary-title - headline class → text-h6, remove wrap from v-row Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
37 lines
659 B
Vue
37 lines
659 B
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>
|