🔨 Type calendar store

thunderbird · Jun 21, 2024 · 9a220e5 · 9a220e5
1 parent c02a29d
commit 9a220e5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/frontend/src/models.ts b/frontend/src/models.ts
@@ -47,3 +47,10 @@ export type Appointment = {
   calendar_color: string;
   active: boolean;
 };
+
+export type Calendar = {
+  id: number;
+  connected: boolean;
+  title: string;
+  color: string;
+};
diff --git a/frontend/src/stores/calendar-store.js → frontend/src/stores/calendar-store.ts b/frontend/src/stores/calendar-store.js → frontend/src/stores/calendar-store.ts
@@ -1,3 +1,5 @@
+import { Calendar } from '@/models';
+import { UseFetchReturn } from '@vueuse/core';
 import { defineStore } from 'pinia';
 import { ref, computed } from 'vue';
 
@@ -7,17 +9,17 @@ export const useCalendarStore = defineStore('calendars', () => {
   const isLoaded = ref(false);
 
   // Data
-  const calendars = ref([]);
-  const unconnectedCalendars = computed(() => calendars.value.filter((cal) => !cal.connected));
-  const connectedCalendars = computed(() => calendars.value.filter((cal) => cal.connected));
+  const calendars = ref<Calendar[]>([]);
+  const unconnectedCalendars = computed((): Calendar[] => calendars.value.filter((cal) => !cal.connected));
+  const connectedCalendars = computed((): Calendar[] => calendars.value.filter((cal) => cal.connected));
 
   const hasConnectedCalendars = computed(() => connectedCalendars.value.length > 0);
 
   /**
    * Get all calendars for current user
    * @param {function} call preconfigured API fetch function
    */
-  const fetch = async (call) => {
+  const fetch = async (call: (url: string) => UseFetchReturn<Calendar[]> & PromiseLike<UseFetchReturn<Calendar[]>>) => {
     if (isLoaded.value) {
       return;
     }