From 077fe264f009e9c60593daf04e48111e686cff79 Mon Sep 17 00:00:00 2001
From: konrad <k@knt.li>
Date: Fri, 10 Sep 2021 12:58:23 +0000
Subject: [PATCH] fix: use date-fns for gantt years (#734)

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/734
Co-authored-by: konrad <k@knt.li>
Co-committed-by: konrad <k@knt.li>
---
 src/components/tasks/gantt-component.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/tasks/gantt-component.vue b/src/components/tasks/gantt-component.vue
index 5204e873b..db725bfef 100644
--- a/src/components/tasks/gantt-component.vue
+++ b/src/components/tasks/gantt-component.vue
@@ -24,10 +24,7 @@
 						class="month"
 						v-for="(m, mk) in days[yk]"
 					>
-						{{
-							new Date(new Date(`${yk}-${parseInt(mk) + 1}-01`)).toLocaleString('en-us', {month: 'long'})
-						}},
-						{{ new Date(yk).getFullYear() }}
+						{{ formatYear(new Date(`${yk}-${parseInt(mk) + 1}-01`)) }}
 						<div class="days">
 							<div
 								:class="{ today: d.toDateString() === now.toDateString() }"
@@ -197,6 +194,7 @@ import TaskCollectionService from '../../services/taskCollection'
 import {mapState} from 'vuex'
 import Rights from '../../models/rights.json'
 import FilterPopup from '@/components/list/partials/filter-popup.vue'
+import {format} from 'date-fns'
 
 export default {
 	name: 'GanttChart',
@@ -481,6 +479,9 @@ export default {
 					this.error(e)
 				})
 		},
+		formatYear(date) {
+			return format(date, 'MMMM, yyyy')
+		},
 	},
 }
 </script>