From b77c7c2f45495a0fe6d132b5f569e807074c6d12 Mon Sep 17 00:00:00 2001 From: kolaente Date: Thu, 16 Mar 2023 19:14:58 +0100 Subject: [PATCH] fix: add interval to uses of useNow so that it uses less resources --- src/components/home/Logo.vue | 4 +++- src/components/tasks/GanttChart.vue | 4 +++- src/composables/useDaytimeSalutation.ts | 4 +++- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/components/home/Logo.vue b/src/components/home/Logo.vue index 6b9f12f8f6..5923be4f07 100644 --- a/src/components/home/Logo.vue +++ b/src/components/home/Logo.vue @@ -5,7 +5,9 @@ import { useNow } from '@vueuse/core' import LogoFull from '@/assets/logo-full.svg?component' import LogoFullPride from '@/assets/logo-full-pride.svg?component' -const now = useNow() +const now = useNow({ + interval: 24 * 60 * 60 * 1000, // Every day +}) const Logo = computed(() => now.value.getMonth() === 5 ? LogoFullPride : LogoFull) diff --git a/src/components/tasks/GanttChart.vue b/src/components/tasks/GanttChart.vue index e9ea8f999f..cbffbe2a56 100644 --- a/src/components/tasks/GanttChart.vue +++ b/src/components/tasks/GanttChart.vue @@ -157,7 +157,9 @@ function openTask(e: { const weekDayFromDate = useWeekDayFromDate() -const today = useNow() +const today = useNow({ + interval: 6 * 60 * 60 * 1000, // Every 6 hours +}) const dateIsToday = computed(() => (date: Date) => { return ( date.getDate() === today.value.getDate() && diff --git a/src/composables/useDaytimeSalutation.ts b/src/composables/useDaytimeSalutation.ts index c60b9b162a..f6e0553501 100644 --- a/src/composables/useDaytimeSalutation.ts +++ b/src/composables/useDaytimeSalutation.ts @@ -9,7 +9,9 @@ export type Daytime = 'night' | 'morning' | 'day' | 'evening' export function useDaytimeSalutation() { const {t} = useI18n({useScope: 'global'}) - const now = useNow() + const now = useNow({ + interval: 30 * 60 * 1000, // Every 30 minutes + }) const authStore = useAuthStore() const name = computed(() => authStore.userDisplayName)