PronounsPage/components/CalendarEventsList.vue
2023-12-26 12:34:35 +00:00

26 lines
706 B
Vue

<template>
<div>
<input type="text" v-model="filter" :placeholder="$t('crud.filterLong')" class="form-control form-control-sm"/>
<div class="columns-3">
<div v-for="i in 12" class="py-3">
<h3 class="text-center"><T>calendar.months.{{i}}</T></h3>
<CalendarMonthEvents :year="year" :month="i" class="small my-3" :filter="filter" :addButton="addButton" @add="(e) => $emit('add', e)"/>
</div>
</div>
</div>
</template>
<script>
export default {
props: {
year: { required: true },
addButton: { type: Boolean },
},
data() {
return {
filter: '',
}
},
};
</script>