diff --git a/frontend/src/components/input/button.vue b/frontend/src/components/input/button.vue
index bc9990dcf..def406eeb 100644
--- a/frontend/src/components/input/button.vue
+++ b/frontend/src/components/input/button.vue
@@ -28,7 +28,7 @@
 				/>
 			</span>
 		</template>
-		<slot/>
+		<slot />
 	</BaseButton>
 </template>
 
diff --git a/frontend/src/components/project/ProjectWrapper.vue b/frontend/src/components/project/ProjectWrapper.vue
index 4143344a9..78d68d18e 100644
--- a/frontend/src/components/project/ProjectWrapper.vue
+++ b/frontend/src/components/project/ProjectWrapper.vue
@@ -7,8 +7,14 @@
 			{{ getProjectTitle(currentProject) }}
 		</h1>
 
-		<div class="switch-view-container d-print-none" :class="{'is-justify-content-flex-end': views.length === 1}">
-			<div class="switch-view" v-if="views.length > 1">
+		<div
+			class="switch-view-container d-print-none"
+			:class="{'is-justify-content-flex-end': views.length === 1}"
+		>
+			<div
+				v-if="views.length > 1"
+				class="switch-view"
+			>
 				<BaseButton
 					v-for="v in views"
 					:key="v.id"
diff --git a/frontend/src/components/project/views/ProjectGantt.vue b/frontend/src/components/project/views/ProjectGantt.vue
index 5d1c08282..1cfc80fd8 100644
--- a/frontend/src/components/project/views/ProjectGantt.vue
+++ b/frontend/src/components/project/views/ProjectGantt.vue
@@ -2,7 +2,7 @@
 	<ProjectWrapper
 		class="project-gantt"
 		:project-id="filters.projectId"
-		:viewId
+		:view-id
 	>
 		<template #default>
 			<card :has-content="false">
diff --git a/frontend/src/components/project/views/ProjectTable.vue b/frontend/src/components/project/views/ProjectTable.vue
index c3ae1aa79..d6341a634 100644
--- a/frontend/src/components/project/views/ProjectTable.vue
+++ b/frontend/src/components/project/views/ProjectTable.vue
@@ -11,8 +11,8 @@
 						<x-button
 							icon="th"
 							variant="secondary"
-							@click.prevent.stop="toggle()"
 							class="mr-2"
+							@click.prevent.stop="toggle()"
 						>
 							{{ $t('project.table.columns') }}
 						</x-button>
@@ -67,7 +67,7 @@
 						</card>
 					</template>
 				</Popup>
-				<FilterPopup v-model="params"/>
+				<FilterPopup v-model="params" />
 			</div>
 		</template>
 
@@ -83,175 +83,175 @@
 					<div class="has-horizontal-overflow">
 						<table class="table has-actions is-hoverable is-fullwidth mb-0">
 							<thead>
-							<tr>
-								<th v-if="activeColumns.index">
-									#
-									<Sort
-										:order="sortBy.index"
-										@click="sort('index')"
-									/>
-								</th>
-								<th v-if="activeColumns.done">
-									{{ $t('task.attributes.done') }}
-									<Sort
-										:order="sortBy.done"
-										@click="sort('done')"
-									/>
-								</th>
-								<th v-if="activeColumns.title">
-									{{ $t('task.attributes.title') }}
-									<Sort
-										:order="sortBy.title"
-										@click="sort('title')"
-									/>
-								</th>
-								<th v-if="activeColumns.priority">
-									{{ $t('task.attributes.priority') }}
-									<Sort
-										:order="sortBy.priority"
-										@click="sort('priority')"
-									/>
-								</th>
-								<th v-if="activeColumns.labels">
-									{{ $t('task.attributes.labels') }}
-								</th>
-								<th v-if="activeColumns.assignees">
-									{{ $t('task.attributes.assignees') }}
-								</th>
-								<th v-if="activeColumns.dueDate">
-									{{ $t('task.attributes.dueDate') }}
-									<Sort
-										:order="sortBy.due_date"
-										@click="sort('due_date')"
-									/>
-								</th>
-								<th v-if="activeColumns.startDate">
-									{{ $t('task.attributes.startDate') }}
-									<Sort
-										:order="sortBy.start_date"
-										@click="sort('start_date')"
-									/>
-								</th>
-								<th v-if="activeColumns.endDate">
-									{{ $t('task.attributes.endDate') }}
-									<Sort
-										:order="sortBy.end_date"
-										@click="sort('end_date')"
-									/>
-								</th>
-								<th v-if="activeColumns.percentDone">
-									{{ $t('task.attributes.percentDone') }}
-									<Sort
-										:order="sortBy.percent_done"
-										@click="sort('percent_done')"
-									/>
-								</th>
-								<th v-if="activeColumns.doneAt">
-									{{ $t('task.attributes.doneAt') }}
-									<Sort
-										:order="sortBy.done_at"
-										@click="sort('done_at')"
-									/>
-								</th>
-								<th v-if="activeColumns.created">
-									{{ $t('task.attributes.created') }}
-									<Sort
-										:order="sortBy.created"
-										@click="sort('created')"
-									/>
-								</th>
-								<th v-if="activeColumns.updated">
-									{{ $t('task.attributes.updated') }}
-									<Sort
-										:order="sortBy.updated"
-										@click="sort('updated')"
-									/>
-								</th>
-								<th v-if="activeColumns.createdBy">
-									{{ $t('task.attributes.createdBy') }}
-								</th>
-							</tr>
+								<tr>
+									<th v-if="activeColumns.index">
+										#
+										<Sort
+											:order="sortBy.index"
+											@click="sort('index')"
+										/>
+									</th>
+									<th v-if="activeColumns.done">
+										{{ $t('task.attributes.done') }}
+										<Sort
+											:order="sortBy.done"
+											@click="sort('done')"
+										/>
+									</th>
+									<th v-if="activeColumns.title">
+										{{ $t('task.attributes.title') }}
+										<Sort
+											:order="sortBy.title"
+											@click="sort('title')"
+										/>
+									</th>
+									<th v-if="activeColumns.priority">
+										{{ $t('task.attributes.priority') }}
+										<Sort
+											:order="sortBy.priority"
+											@click="sort('priority')"
+										/>
+									</th>
+									<th v-if="activeColumns.labels">
+										{{ $t('task.attributes.labels') }}
+									</th>
+									<th v-if="activeColumns.assignees">
+										{{ $t('task.attributes.assignees') }}
+									</th>
+									<th v-if="activeColumns.dueDate">
+										{{ $t('task.attributes.dueDate') }}
+										<Sort
+											:order="sortBy.due_date"
+											@click="sort('due_date')"
+										/>
+									</th>
+									<th v-if="activeColumns.startDate">
+										{{ $t('task.attributes.startDate') }}
+										<Sort
+											:order="sortBy.start_date"
+											@click="sort('start_date')"
+										/>
+									</th>
+									<th v-if="activeColumns.endDate">
+										{{ $t('task.attributes.endDate') }}
+										<Sort
+											:order="sortBy.end_date"
+											@click="sort('end_date')"
+										/>
+									</th>
+									<th v-if="activeColumns.percentDone">
+										{{ $t('task.attributes.percentDone') }}
+										<Sort
+											:order="sortBy.percent_done"
+											@click="sort('percent_done')"
+										/>
+									</th>
+									<th v-if="activeColumns.doneAt">
+										{{ $t('task.attributes.doneAt') }}
+										<Sort
+											:order="sortBy.done_at"
+											@click="sort('done_at')"
+										/>
+									</th>
+									<th v-if="activeColumns.created">
+										{{ $t('task.attributes.created') }}
+										<Sort
+											:order="sortBy.created"
+											@click="sort('created')"
+										/>
+									</th>
+									<th v-if="activeColumns.updated">
+										{{ $t('task.attributes.updated') }}
+										<Sort
+											:order="sortBy.updated"
+											@click="sort('updated')"
+										/>
+									</th>
+									<th v-if="activeColumns.createdBy">
+										{{ $t('task.attributes.createdBy') }}
+									</th>
+								</tr>
 							</thead>
 							<tbody>
-							<tr
-								v-for="t in tasks"
-								:key="t.id"
-							>
-								<td v-if="activeColumns.index">
-									<router-link :to="taskDetailRoutes[t.id]">
-										<template v-if="t.identifier === ''">
-											#{{ t.index }}
-										</template>
-										<template v-else>
-											{{ t.identifier }}
-										</template>
-									</router-link>
-								</td>
-								<td v-if="activeColumns.done">
-									<Done
-										:is-done="t.done"
-										variant="small"
+								<tr
+									v-for="t in tasks"
+									:key="t.id"
+								>
+									<td v-if="activeColumns.index">
+										<router-link :to="taskDetailRoutes[t.id]">
+											<template v-if="t.identifier === ''">
+												#{{ t.index }}
+											</template>
+											<template v-else>
+												{{ t.identifier }}
+											</template>
+										</router-link>
+									</td>
+									<td v-if="activeColumns.done">
+										<Done
+											:is-done="t.done"
+											variant="small"
+										/>
+									</td>
+									<td v-if="activeColumns.title">
+										<router-link :to="taskDetailRoutes[t.id]">
+											{{ t.title }}
+										</router-link>
+									</td>
+									<td v-if="activeColumns.priority">
+										<PriorityLabel
+											:priority="t.priority"
+											:done="t.done"
+											:show-all="true"
+										/>
+									</td>
+									<td v-if="activeColumns.labels">
+										<Labels :labels="t.labels" />
+									</td>
+									<td v-if="activeColumns.assignees">
+										<AssigneeList
+											v-if="t.assignees.length > 0"
+											:assignees="t.assignees"
+											:avatar-size="28"
+											class="ml-1"
+											:inline="true"
+										/>
+									</td>
+									<DateTableCell
+										v-if="activeColumns.dueDate"
+										:date="t.dueDate"
 									/>
-								</td>
-								<td v-if="activeColumns.title">
-									<router-link :to="taskDetailRoutes[t.id]">
-										{{ t.title }}
-									</router-link>
-								</td>
-								<td v-if="activeColumns.priority">
-									<PriorityLabel
-										:priority="t.priority"
-										:done="t.done"
-										:show-all="true"
+									<DateTableCell
+										v-if="activeColumns.startDate"
+										:date="t.startDate"
 									/>
-								</td>
-								<td v-if="activeColumns.labels">
-									<Labels :labels="t.labels"/>
-								</td>
-								<td v-if="activeColumns.assignees">
-									<AssigneeList
-										v-if="t.assignees.length > 0"
-										:assignees="t.assignees"
-										:avatar-size="28"
-										class="ml-1"
-										:inline="true"
+									<DateTableCell
+										v-if="activeColumns.endDate"
+										:date="t.endDate"
 									/>
-								</td>
-								<DateTableCell
-									v-if="activeColumns.dueDate"
-									:date="t.dueDate"
-								/>
-								<DateTableCell
-									v-if="activeColumns.startDate"
-									:date="t.startDate"
-								/>
-								<DateTableCell
-									v-if="activeColumns.endDate"
-									:date="t.endDate"
-								/>
-								<td v-if="activeColumns.percentDone">
-									{{ t.percentDone * 100 }}%
-								</td>
-								<DateTableCell
-									v-if="activeColumns.doneAt"
-									:date="t.doneAt"
-								/>
-								<DateTableCell
-									v-if="activeColumns.created"
-									:date="t.created"
-								/>
-								<DateTableCell
-									v-if="activeColumns.updated"
-									:date="t.updated"
-								/>
-								<td v-if="activeColumns.createdBy">
-									<User
-										:avatar-size="27"
-										:show-username="false"
-										:user="t.createdBy"
+									<td v-if="activeColumns.percentDone">
+										{{ t.percentDone * 100 }}%
+									</td>
+									<DateTableCell
+										v-if="activeColumns.doneAt"
+										:date="t.doneAt"
 									/>
-								</td>
-							</tr>
+									<DateTableCell
+										v-if="activeColumns.created"
+										:date="t.created"
+									/>
+									<DateTableCell
+										v-if="activeColumns.updated"
+										:date="t.updated"
+									/>
+									<td v-if="activeColumns.createdBy">
+										<User
+											:avatar-size="27"
+											:show-username="false"
+											:user="t.createdBy"
+										/>
+									</td>
+								</tr>
 							</tbody>
 						</table>
 					</div>
diff --git a/frontend/src/components/project/views/viewEditForm.vue b/frontend/src/components/project/views/viewEditForm.vue
index 641cfecbc..88a7e008a 100644
--- a/frontend/src/components/project/views/viewEditForm.vue
+++ b/frontend/src/components/project/views/viewEditForm.vue
@@ -170,7 +170,7 @@ function validateTitle() {
 						class="is-danger"
 						@click.prevent="() => view.bucketConfiguration.splice(index, 1)"
 					>
-						<icon icon="trash-alt"/>
+						<icon icon="trash-alt" />
 					</button>
 					<div class="filter-bucket-form">
 						<div class="field">
diff --git a/frontend/src/components/tasks/GanttChart.vue b/frontend/src/components/tasks/GanttChart.vue
index d5c026255..d5a0a513c 100644
--- a/frontend/src/components/tasks/GanttChart.vue
+++ b/frontend/src/components/tasks/GanttChart.vue
@@ -21,7 +21,7 @@
 			@dragendBar="updateGanttTask"
 			@dblclickBar="openTask"
 		>
-			<template #timeunit="{value, date}">
+			<template #timeunit="{date}">
 				<div
 					class="timeunit-wrapper"
 					:class="{'today': dateIsToday(date)}"