public/owltide
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Move schedule fetching into useSchedule composable

Browse source
This commit is contained in:
Hornwitser 2025-03-10 15:41:32 +01:00
parent ddecfa3805
commit 13f344472e
5 changed files with 49 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

31
pages/schedule.vue
View file

@ -27,35 +27,6 @@
</template>
<script setup lang="ts">
import type { Schedule } from '~/shared/types/schedule';
const { data: session } = await useAccountSession();
const schedule = useSchedule();
await callOnce(async () => {
schedule.value = await $fetch("/api/schedule");
})
const source = ref<EventSource | null>(null);
onMounted(() => {
console.log("Opening event source")
source.value = new EventSource("/api/events");
source.value.addEventListener("message", (message) => {
console.log("Message", message.data);
});
source.value.addEventListener("update", (message) => {
const updatedSchedule: Schedule = JSON.parse(message.data);
console.log("Update", updatedSchedule);
schedule.value = updatedSchedule;
});
})
onUnmounted(() => {
if (source.value) {
console.log("Closing event source")
source.value.close();
source.value = null;
}
});
const schedule = await useSchedule();
</script>