diff --git a/src/components/tasks/gantt-chart.vue b/src/components/tasks/gantt-chart.vue
index 73d701a6..1697171e 100644
--- a/src/components/tasks/gantt-chart.vue
+++ b/src/components/tasks/gantt-chart.vue
@@ -36,16 +36,19 @@
 
 <script setup lang="ts">
 import {computed, ref, watchEffect, shallowReactive, type Ref, type PropType} from 'vue'
+import {useRouter} from 'vue-router'
+import {format, parse} from 'date-fns'
+
 import TaskCollectionService from '@/services/taskCollection'
 import TaskService from '@/services/task'
-import {format, parse} from 'date-fns'
-import {colorIsDark} from '@/helpers/color/colorIsDark'
-import {useStore} from '@/store'
-import {RIGHTS} from '@/constants/rights'
 import TaskModel from '@/models/task'
-import {useRouter} from 'vue-router'
-import Loading from '@/components/misc/loading.vue'
 import type ListModel from '@/models/list'
+import {colorIsDark} from '@/helpers/color/colorIsDark'
+import {RIGHTS} from '@/constants/rights'
+
+import Loading from '@/components/misc/loading.vue'
+import TaskForm from '@/components/tasks/TaskForm.vue'
+
 import {useBaseStore} from '@/stores/base'
 
 // FIXME: these types should be exported from vue-ganttastic
diff --git a/src/main.ts b/src/main.ts
index 6d0dad5c..ca019225 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -60,6 +60,7 @@ import FontAwesomeIcon from '@/components/misc/Icon'
 import Button from '@/components/input/button.vue'
 import Modal from '@/components/misc/modal.vue'
 import Card from '@/components/misc/card.vue'
+import ganttastic from '@infectoone/vue-ganttastic'
 
 app.component('icon', FontAwesomeIcon)
 app.component('x-button', Button)
@@ -103,6 +104,8 @@ if (window.SENTRY_ENABLED) {
 	import('./sentry').then(sentry => sentry.default(app, router))
 }
 
+
+app.use(ganttastic)
 app.use(pinia)
 app.use(router)
 app.use(i18n)