src/components/tasks/gantt-chart.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<Loading
-			v-if="props.isLoading || dayjsLanguageLoading"
+			v-if="props.isLoading"
 			class="gantt-container"
 		/>
 		<div class="gantt-container" v-else>
@@ -46,7 +46,6 @@ import {format, parse} from 'date-fns'
 import dayjs from 'dayjs'
 import isToday from 'dayjs/plugin/isToday'
 
-import {useDayjsLanguageSync} from '@/i18n'
 import {getHexColor} from '@/models/task'
 
 import {colorIsDark} from '@/helpers/color/colorIsDark'
@@ -85,7 +84,6 @@ const emit = defineEmits<{
 const {tasks, filters} = toRefs(props)
 
 // setup dayjs for vue-ganttastic
-const dayjsLanguageLoading = useDayjsLanguageSync(dayjs)
 dayjs.extend(isToday)
 extendDayjs()
 

src/i18n/index.ts

@@ -91,6 +91,9 @@ export function setLanguage() {
 
 import type dayjs from 'dayjs'
 
+// FIXME: This function is not used at the moment because it does not seem to work.
+// It should be reworked and cleaned up. An even better way would be to get rid of 
+// this completely by using date-fns for everything.
 export function useDayjsLanguageSync(dayjsGlobal: typeof dayjs) {
 	const dayjsLanguageLoaded = ref(false)
 	watch(