-
-
-
- {{ formatTimeString(event.event.startStr, undefined) }}
- {{
- event.event.endStr
- ? "- " + formatTimeString(event.event.endStr, undefined)
- : ""
- }}
-
-
-
- {{ event.event.title }}
-
-
-
- {{
- t("Organized by {name}", {
- name: event.event.extendedProps.organizer,
- })
- }}
-
-
+
+
+
+
+ {{ t("No events found") }}
+
+
@@ -46,7 +31,10 @@
import { useI18n } from "vue-i18n";
import { locale } from "@/utils/i18n";
import { computed, ref } from "vue";
-import Clock from "vue-material-design-icons/ClockTimeTenOutline.vue";
+import { useLazyQuery } from "@vue/apollo-composable";
+import { IEvent } from "@/types/event.model";
+import { Paginate } from "@/types/paginate";
+import { SEARCH_CALENDAR_EVENTS } from "@/graphql/search";
import FullCalendar from "@fullcalendar/vue3";
import { EventSegment } from "@fullcalendar/core";
import dayGridPlugin from "@fullcalendar/daygrid";
@@ -55,38 +43,94 @@ import interactionPlugin from "@fullcalendar/interaction";
import {
formatDateISOStringWithoutTime,
formatDateString,
- formatTimeString,
} from "@/filters/datetime";
-
-const props = defineProps<{
- icsFeedUrl: string;
-}>();
+import EventCard from "../Event/EventCard.vue";
+import EmptyContent from "../Utils/EmptyContent.vue";
const { t } = useI18n({ useScope: "global" });
const calendarRef = ref();
-const lastSelectedDate = ref