diff --git a/src/components/tasks/GanttChart.vue b/src/components/tasks/GanttChart.vue
index 42990fc234..154f89385f 100644
--- a/src/components/tasks/GanttChart.vue
+++ b/src/components/tasks/GanttChart.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script setup lang="ts">
-import {computed, ref, watch, toRefs, onMounted} from 'vue'
+import {computed, ref, watch, toRefs, onActivated} from 'vue'
 import {useRouter} from 'vue-router'
 
 import {getHexColor} from '@/models/task'
@@ -157,7 +157,7 @@ function openTask(e: {
 const weekDayFromDate = useWeekDayFromDate()
 
 const today = ref(new Date())
-onMounted(() => today.value = new Date())
+onActivated(() => today.value = new Date())
 const dateIsToday = computed(() => (date: Date) => {
 	return (
 		date.getDate() === today.value.getDate() &&
diff --git a/src/composables/useDaytimeSalutation.ts b/src/composables/useDaytimeSalutation.ts
index de18931ef2..7056f94cfc 100644
--- a/src/composables/useDaytimeSalutation.ts
+++ b/src/composables/useDaytimeSalutation.ts
@@ -1,4 +1,4 @@
-import {computed, onMounted, ref} from 'vue'
+import {computed, onActivated, ref} from 'vue'
 import {useI18n} from 'vue-i18n'
 
 import {useAuthStore} from '@/stores/auth'
@@ -9,7 +9,7 @@ export type Daytime = 'night' | 'morning' | 'day' | 'evening'
 export function useDaytimeSalutation() {
 	const {t} = useI18n({useScope: 'global'})
 	const now = ref(new Date())
-	onMounted(() => now.value = new Date())
+	onActivated(() => now.value = new Date())
 	const authStore = useAuthStore()
 
 	const name = computed(() => authStore.userDisplayName)