Fix vue/first-attribute-linebreak

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

20 files changed, 58 insertions, 116 deletions

diff --git a/src/components/AppNavigation/CalendarShare.vue b/src/components/AppNavigation/CalendarShare.vue
index b128f757..d6e7dd5e 100644
--- a/src/components/AppNavigation/CalendarShare.vue
+++ b/src/components/AppNavigation/CalendarShare.vue
@@ -30,8 +30,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 	<div class="calendar-shares">
 		<ul>
 			<li class="app-navigation-entry__multiselect">
-				<Multiselect
-					id="users-groups-search"
+				<Multiselect id="users-groups-search"
 					:options="usersOrGroups"
 					:searchable="true"
 					:internal-search="false"
diff --git a/src/components/AppNavigation/CalendarSharee.vue b/src/components/AppNavigation/CalendarSharee.vue
index fb5e0657..65313cd5 100644
--- a/src/components/AppNavigation/CalendarSharee.vue
+++ b/src/components/AppNavigation/CalendarSharee.vue
@@ -25,11 +25,9 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <template>
-	<AppNavigationItem
-		:title="sharee.displayName">
+	<AppNavigationItem :title="sharee.displayName">
 		<template #icon>
-			<AccountMultiple
-				v-if="sharee.isGroup"
+			<AccountMultiple v-if="sharee.isGroup"
 				:size="18"
 				class="avatar" />
 			<div v-else-if="sharee.isCircle" class="avatar icon-circle" />
@@ -40,8 +38,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 		</template>
 
 		<template #counter>
-			<ActionCheckbox
-				:disabled="loading"
+			<ActionCheckbox :disabled="loading"
 				:checked="writeable"
 				@update:checked="editSharee">
 				{{ t('tasks', 'Can edit') }}
@@ -49,8 +46,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 		</template>
 
 		<template #actions>
-			<ActionButton
-				:disabled="loading"
+			<ActionButton :disabled="loading"
 				@click.prevent.stop="deleteSharee">
 				<template #icon>
 					<Delete :size="20" />
diff --git a/src/components/AppNavigation/ListItemCalendar.vue b/src/components/AppNavigation/ListItemCalendar.vue
index 8184d6fe..16c123bb 100644
--- a/src/components/AppNavigation/ListItemCalendar.vue
+++ b/src/components/AppNavigation/ListItemCalendar.vue
@@ -20,8 +20,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <template>
-	<AppNavigationItem
-		:id="'list_' + calendar.id"
+	<AppNavigationItem :id="'list_' + calendar.id"
 		v-click-outside="{ handler: resetView, middleware: clickOutsideMiddleware }"
 		:calendar-id="calendar.id"
 		:to="{ name: 'calendars', params: { calendarId: calendar.id } }"
@@ -40,8 +39,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			<Actions v-if="calendar.canBeShared"
 				:class="{shared: hasShares}"
 				class="sharing">
-				<ActionButton
-					@click="toggleShare">
+				<ActionButton @click="toggleShare">
 					<template #icon>
 						<ShareVariant :size="20" />
 					</template>
@@ -56,8 +54,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		</template>
 
 		<template v-if="!deleteTimeout" #actions>
-			<ActionButton
-				v-if="!calendar.readOnly"
+			<ActionButton v-if="!calendar.readOnly"
 				class="edit-calendar"
 				:close-after-click="true"
 				@click="editCalendar">
@@ -66,8 +63,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				</template>
 				{{ t('tasks', 'Edit') }}
 			</ActionButton>
-			<ActionButton
-				:close-after-click="true"
+			<ActionButton :close-after-click="true"
 				@click="copyCalDAVUrl($event, calendar)">
 				<template #icon>
 					<LinkVariant :size="20" />
@@ -78,16 +74,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						? t('tasks', 'Copied')
 						: t('tasks', 'Cannot copy') }}
 			</ActionButton>
-			<ActionLink
-				:close-after-click="true"
+			<ActionLink :close-after-click="true"
 				:href="exportUrl">
 				<template #icon>
 					<Download :size="20" />
 				</template>
 				{{ t('tasks', 'Download') }}
 			</ActionLink>
-			<ActionButton
-				v-if="!calendar.readOnly || calendar.isSharedWithMe"
+			<ActionButton v-if="!calendar.readOnly || calendar.isSharedWithMe"
 				v-tooltip="{
 					placement: 'left',
 					boundariesElement: 'body',
@@ -105,8 +99,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		</template>
 
 		<template v-else #actions>
-			<ActionButton
-				@click.prevent.stop="cancelDelete">
+			<ActionButton @click.prevent.stop="cancelDelete">
 				<template #icon>
 					<Undo :size="20" />
 				</template>
diff --git a/src/components/AppNavigation/Trashbin.vue b/src/components/AppNavigation/Trashbin.vue
index 55564cb0..d4e26767 100644
--- a/src/components/AppNavigation/Trashbin.vue
+++ b/src/components/AppNavigation/Trashbin.vue
@@ -54,8 +54,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 							</div>
 							<template v-for="item in items" class="row">
 								<div :key="`${item.url}desc`" class="table__body">
-									<div
-										class="icon-bullet"
+									<div class="icon-bullet"
 										:style="{ 'background-color': item.color }" />
 									<div class="item-description">
 										<div class="item-description__mainline">
@@ -74,8 +73,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 										{{ t('tasks','Restore') }}
 									</button>
 									<Actions :force-menu="true">
-										<ActionButton
-											@click="onDeletePermanently(item)">
+										<ActionButton @click="onDeletePermanently(item)">
 											<template #icon>
 												<Delete :size="20" />
 											</template>
diff --git a/src/components/AppSidebar/CalendarPickerItem.vue b/src/components/AppSidebar/CalendarPickerItem.vue
index f54dd245..3822a9ba 100644
--- a/src/components/AppSidebar/CalendarPickerItem.vue
+++ b/src/components/AppSidebar/CalendarPickerItem.vue
@@ -24,8 +24,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 
 <template>
 	<div class="property__item">
-		<Multiselect
-			label="displayName"
+		<Multiselect label="displayName"
 			track-by="url"
 			:disabled="isDisabled"
 			:options="calendars"
@@ -39,8 +38,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				<CalendarPickerOption v-bind="scope.option" />
 			</template>
 			<template #noResult>
-				<CalendarPickerOption
-					color=""
+				<CalendarPickerOption color=""
 					owner=""
 					:is-shared-with-me="false"
 					:display-name="t('tasks', 'No calendar matches the search.')" />
diff --git a/src/components/AppSidebar/CalendarPickerOption.vue b/src/components/AppSidebar/CalendarPickerOption.vue
index b966f9b7..ba208cfe 100644
--- a/src/components/AppSidebar/CalendarPickerOption.vue
+++ b/src/components/AppSidebar/CalendarPickerOption.vue
@@ -24,17 +24,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 
 <template>
 	<div class="calendar-picker-option">
-		<div
-			class="calendar-picker-option__color-indicator"
+		<div class="calendar-picker-option__color-indicator"
 			:style="{ backgroundColor: color }" />
 
-		<span
-			class="calendar-picker-option__label">
+		<span class="calendar-picker-option__label">
 			{{ displayName }}
 		</span>
 
-		<Avatar
-			v-if="isSharedWithMe"
+		<Avatar v-if="isSharedWithMe"
 			class="calendar-picker-option__avatar"
 			:disable-menu="true"
 			:disable-tooltip="true"
diff --git a/src/components/AppSidebar/MultiselectItem.vue b/src/components/AppSidebar/MultiselectItem.vue
index abc008a9..9312af3d 100644
--- a/src/components/AppSidebar/MultiselectItem.vue
+++ b/src/components/AppSidebar/MultiselectItem.vue
@@ -24,8 +24,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 
 <template>
 	<div class="property__item">
-		<Multiselect
-			label="displayName"
+		<Multiselect label="displayName"
 			:disabled="isDisabled"
 			:options="options"
 			:value="value"
diff --git a/src/components/AppSidebar/MultiselectOption.vue b/src/components/AppSidebar/MultiselectOption.vue
index 3c2af2d5..4786b4a0 100644
--- a/src/components/AppSidebar/MultiselectOption.vue
+++ b/src/components/AppSidebar/MultiselectOption.vue
@@ -27,8 +27,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		<span class="multiselect-picker-option__icon">
 			<component :is="icon" :size="20" />
 		</span>
-		<span
-			class="multiselect-picker-option__label">
+		<span class="multiselect-picker-option__label">
 			{{ displayName }}
 		</span>
 	</div>
diff --git a/src/components/AppSidebar/NotesItem.vue b/src/components/AppSidebar/NotesItem.vue
index 9cbe282e..32027cae 100644
--- a/src/components/AppSidebar/NotesItem.vue
+++ b/src/components/AppSidebar/NotesItem.vue
@@ -25,16 +25,14 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		<div :class="{'content__note--editing': editing}"
 			class="content__note"
 			@click="setEditing(true, $event)">
-			<div
-				id="note__viewer"
+			<div id="note__viewer"
 				ref="note__viewer"
 				:source="value"
 				class="note__viewer"
 				:class="{'note__viewer--empty': !value.trim()}" />
 			<div class="note__editor">
 				<pre><span>{{ newValue }}</span><br><br></pre>
-				<textarea
-					ref="note__editor"
+				<textarea ref="note__editor"
 					v-model="newValue"
 					@keyup.27="setEditing(false)"
 					@keydown.enter.ctrl.prevent="setValue()"
diff --git a/src/components/AppSidebar/TagsItem.vue b/src/components/AppSidebar/TagsItem.vue
index 4556d9a5..35b79868 100644
--- a/src/components/AppSidebar/TagsItem.vue
+++ b/src/components/AppSidebar/TagsItem.vue
@@ -24,8 +24,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 
 <template>
 	<div class="property__item">
-		<Multiselect
-			:value="tags"
+		<Multiselect :value="tags"
 			:taggable="true"
 			:disabled="disabled"
 			:options="options"
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 362c1cb8..c9c6125e 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -25,8 +25,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			class="header__input">
 			<form @submit.prevent="addTask">
 				<Plus :size="20" />
-				<input
-					v-model="newTaskName"
+				<input v-model="newTaskName"
 					:placeholder="placeholder"
 					autocomplete="off"
 					class="transparent reactive"
diff --git a/src/components/SortorderDropdown.vue b/src/components/SortorderDropdown.vue
index c08db883..1e7444ec 100644
--- a/src/components/SortorderDropdown.vue
+++ b/src/components/SortorderDropdown.vue
@@ -26,12 +26,10 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		menu-align="right">
 		<template #icon>
 			<component :is="sortOrderIcon" :size="20" />
-			<MenuDown
-				v-if="sortDirection"
+			<MenuDown v-if="sortDirection"
 				class="sort-direction"
 				:size="18" />
-			<MenuUp
-				v-else
+			<MenuUp v-else
 				class="sort-direction"
 				:size="18" />
 		</template>
@@ -48,12 +46,10 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			@click="setSortOrder(order.id)">
 			<template #icon>
 				<component :is="order.icon" :size="20" />
-				<MenuDown
-					v-if="order.id == sortOrder && sortDirection"
+				<MenuDown v-if="order.id == sortOrder && sortDirection"
 					class="sort-direction"
 					:size="18" />
-				<MenuUp
-					v-if="order.id == sortOrder && !sortDirection"
+				<MenuUp v-if="order.id == sortOrder && !sortDirection"
 					class="sort-direction"
 					:size="18" />
 			</template>
diff --git a/src/components/TaskBody.vue b/src/components/TaskBody.vue
index 93887ab4..4eccb048 100644
--- a/src/components/TaskBody.vue
+++ b/src/components/TaskBody.vue
@@ -75,8 +75,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			</div>
 			<!-- Icons: sync-status, calendarname, date, note, subtask-show-completed, subtask-visibility, add-subtask, starred -->
 			<div class="task-body__icons">
-				<TaskStatusDisplay
-					:status="task.syncStatus"
+				<TaskStatusDisplay :status="task.syncStatus"
 					class="reactive no-nav"
 					@status-clicked="updateTask"
 					@reset-status="resetStatus({ task })" />
@@ -86,8 +85,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				</div>
 				<SortVariant v-if="hasHiddenSubtasks" :size="20" :title="t('tasks', 'Task has hidden subtasks')" />
 				<Pin v-if="task.pinned" :size="20" :title="t('tasks', 'Task is pinned')" />
-				<TextBoxOutline
-					v-if="task.note!=''"
+				<TextBoxOutline v-if="task.note!=''"
 					:size="20"
 					:title="t('tasks', 'Task has a note')"
 					@click.stop="openAppSidebarTab($event, 'app-sidebar-tab-notes')" />
@@ -131,8 +129,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					</ActionButton>
 				</Actions>
 				<Actions v-if="task.deleteCountdown !== null">
-					<ActionButton
-						class="reactive no-nav"
+					<ActionButton class="reactive no-nav"
 						@click.prevent.stop="clearTaskDeletion(task)">
 						<template #icon>
 							<Undo :size="20" />
@@ -141,8 +138,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					</ActionButton>
 				</Actions>
 				<Actions :disabled="readOnly" :class="[{ priority: task.priority }, priorityClass]" class="reactive no-nav">
-					<ActionButton
-						:disabled="readOnly"
+					<ActionButton :disabled="readOnly"
 						@click="toggleStarred(task)">
 						<template #icon>
 							<Star :size="20" />
@@ -165,8 +161,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						@keyup.27="showSubtaskInput = false">
 				</form>
 			</div>
-			<TaskDragContainer
-				:tasks="filteredSubtasksShown"
+			<TaskDragContainer :tasks="filteredSubtasksShown"
 				:disabled="task.calendar.readOnly"
 				:collection-string="collectionString"
 				:task-id="task.uri"
diff --git a/src/components/TaskCreateDialog.vue b/src/components/TaskCreateDialog.vue
index 9c0533a7..cb04bd38 100644
--- a/src/components/TaskCreateDialog.vue
+++ b/src/components/TaskCreateDialog.vue
@@ -31,8 +31,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			<div v-if="!creating && !created" id="modal-inner" :class="{ 'icon-loading': loading }">
 				<h3>{{ t('tasks', 'Create a new task') }}</h3>
 
-				<CalendarPickerItem
-					:disabled="loading"
+				<CalendarPickerItem :disabled="loading"
 					:calendar="pendingCalendar"
 					:calendars="writableCalendars"
 					@change-calendar="changeCalendar" />
diff --git a/src/views/AppContent/Calendar.vue b/src/views/AppContent/Calendar.vue
index 15a1f6bc..02db7f60 100644
--- a/src/views/AppContent/Calendar.vue
+++ b/src/views/AppContent/Calendar.vue
@@ -26,8 +26,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		<Header />
 		<div class="task-list">
 			<div class="grouped-tasks">
-				<TaskDragContainer
-					:tasks="openRootTasks(calendar.tasks)"
+				<TaskDragContainer :tasks="openRootTasks(calendar.tasks)"
 					:calendar-id="calendarId"
 					:disabled="calendar.readOnly"
 					collection-id="uncompleted" />
diff --git a/src/views/AppContent/General.vue b/src/views/AppContent/General.vue
index 64f01f8d..cfef9c8a 100644
--- a/src/views/AppContent/General.vue
+++ b/src/views/AppContent/General.vue
@@ -32,8 +32,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					<span class="heading__icon-bullet" :style="{'background-color': calendar.color }" />
 					<span class="heading__title">{{ calendar.displayName }}</span>
 				</h2>
-				<TaskDragContainer
-					:tasks="calendar.filteredTasks"
+				<TaskDragContainer :tasks="calendar.filteredTasks"
 					:disabled="calendar.readOnly"
 					:collection-string="collectionId"
 					:calendar-id="calendar.id"
diff --git a/src/views/AppContent/Week.vue b/src/views/AppContent/Week.vue
index 76cf11e8..6dfda250 100644
--- a/src/views/AppContent/Week.vue
+++ b/src/views/AppContent/Week.vue
@@ -31,8 +31,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				<h2 class="heading">
 					<span class="heading__title">{{ dayString(day.diff) }}</span>
 				</h2>
-				<TaskDragContainer
-					:tasks="day.tasks"
+				<TaskDragContainer :tasks="day.tasks"
 					:collection-string="`week-${day.diff}`"
 					:collection-id="`week-${day.diff}`" />
 			</div>
diff --git a/src/views/AppNavigation.vue b/src/views/AppNavigation.vue
index 22c2a0e9..3815a3cb 100644
--- a/src/views/AppNavigation.vue
+++ b/src/views/AppNavigation.vue
@@ -22,8 +22,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 <template>
 	<AppNavigation>
 		<template #list>
-			<AppNavigationItem
-				v-for="collection in collections"
+			<AppNavigationItem v-for="collection in collections"
 				v-show="!hideCollection(collection)"
 				:id="'collection_' + collection.id"
 				:key="collection.id"
@@ -39,8 +38,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				@dragleave.native="dragLeave"
 				@click="setInitialRoute(`/collections/${collection.id}`)">
 				<template #icon>
-					<component
-						:is="collection.icon"
+					<component :is="collection.icon"
 						:size="20" />
 				</template>
 				<template #counter>
@@ -49,13 +47,11 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					</AppNavigationCounter>
 				</template>
 			</AppNavigationItem>
-			<draggable
-				class="draggable-container"
+			<draggable class="draggable-container"
 				:set-data="setData"
 				v-bind="{swapThreshold: 0.30, delay: 500, delayOnTouchOnly: true, touchStartThreshold: 3}"
 				@update="update">
-				<ListItemCalendar
-					v-for="calendar in calendars"
+				<ListItemCalendar v-for="calendar in calendars"
 					:key="calendar.id"
 					:calendar="calendar"
 					@click.native="setInitialRoute(`/calendars/${calendar.id}`)" />
diff --git a/src/views/AppSidebar.vue b/src/views/AppSidebar.vue
index 22a70b21..34becda9 100644
--- a/src/views/AppSidebar.vue
+++ b/src/views/AppSidebar.vue
@@ -20,8 +20,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <template>
-	<AppSidebar
-		:title="title"
+	<AppSidebar :title="title"
 		:title-editable="editingTitle"
 		:linkify-title="true"
 		:subtitle="subtitle"
@@ -35,8 +34,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 		@submit-title="saveTitle()"
 		@close="closeAppSidebar()">
 		<template v-if="task" #description>
-			<DatetimePickerItem
-				v-show="!readOnly || task.start"
+			<DatetimePickerItem v-show="!readOnly || task.start"
 				:date="task.startMoment"
 				:value="newStartDate"
 				:all-day="allDay"
@@ -49,8 +47,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					<CalendarStart :size="20" />
 				</template>
 			</DatetimePickerItem>
-			<DatetimePickerItem
-				v-show="!readOnly || task.due"
+			<DatetimePickerItem v-show="!readOnly || task.due"
 				:date="task.dueMoment"
 				:value="newDueDate"
 				:all-day="allDay"
@@ -63,15 +60,13 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					<CalendarEnd :size="20" />
 				</template>
 			</DatetimePickerItem>
-			<CheckboxItem
-				v-show="showAllDayToggle"
+			<CheckboxItem v-show="showAllDayToggle"
 				id="allDayToggle"
 				:checked="allDay"
 				:read-only="readOnly"
 				:property-string="t('tasks', 'All day')"
 				@set-checked="toggleAllDay(task)" />
-			<CalendarPickerItem
-				:disabled="readOnly"
+			<CalendarPickerItem :disabled="readOnly"
 				:calendar="task.calendar"
 				:calendars="targetCalendars"
 				@change-calendar="changeCalendar" />
@@ -105,8 +100,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				</template>
 				{{ t('tasks', 'Edit title') }}
 			</ActionButton>
-			<ActionLink
-				:href="downloadURL"
+			<ActionLink :href="downloadURL"
 				:close-after-click="true">
 				<template #icon>
 					<Download :size="20" />
@@ -122,8 +116,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			</ActionButton>
 		</template>
 		<template v-else #secondary-actions>
-			<ActionButton
-				class="reactive no-nav"
+			<ActionButton class="reactive no-nav"
 				@click.prevent.stop="clearTaskDeletion(task)">
 				<template #icon>
 					<Undo :size="20" />
@@ -158,24 +151,21 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 				<InformationOutline :size="20" />
 			</template>
 			<div>
-				<MultiselectItem
-					v-show="!readOnly || task.class !== 'PUBLIC'"
+				<MultiselectItem v-show="!readOnly || task.class !== 'PUBLIC'"
 					:value="classSelect.find( _ => _.type === task.class )"
 					:options="classSelect"
 					:disabled="readOnly || task.calendar.isSharedWithMe"
 					:placeholder="t('tasks', 'Select a classification')"
 					icon="IconEye"
 					@change-value="changeClass" />
-				<MultiselectItem
-					v-show="!readOnly || task.status"
+				<MultiselectItem v-show="!readOnly || task.status"
 					:value="statusOptions.find( _ => _.type === task.status )"
 					:options="statusOptions"
 					:disabled="readOnly"
 					:placeholder="t('tasks', 'Select a status')"
 					icon="IconPulse"
 					@change-value="changeStatus" />
-				<SliderItem
-					v-show="!readOnly || task.priority"
+				<SliderItem v-show="!readOnly || task.priority"
 					:value="task.priority"
 					:property-string="priorityString"
 					:read-only="readOnly"
@@ -188,8 +178,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						<Star :size="20" />
 					</template>
 				</SliderItem>
-				<SliderItem
-					v-show="!readOnly || task.complete"
+				<SliderItem v-show="!readOnly || task.complete"
 					:value="task.complete"
 					:property-string="completeString"
 					:read-only="readOnly"
@@ -202,8 +191,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 						<Percent :size="20" />
 					</template>
 				</SliderItem>
-				<TagsItem
-					v-show="!readOnly || task.tags.length > 0"
+				<TagsItem v-show="!readOnly || task.tags.length > 0"
 					:options="tags"
 					:tags="task.tags"
 					:disabled="readOnly"
@@ -225,8 +213,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			<template #icon>
 				<TextBoxOutline :size="20" />
 			</template>
-			<NotesItem
-				v-show="!readOnly || task.note"
+			<NotesItem v-show="!readOnly || task.note"
 				:value="task.note"
 				:read-only="readOnly"
 				:task="task"
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 83505ab3..7f807136 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -23,8 +23,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 -->
 <template>
 	<div>
-		<DashboardWidget
-			id="tasks_panel"
+		<DashboardWidget id="tasks_panel"
 			:items="filteredTasks.slice(0, hasTaskToday ? 6 : 4)"
 			empty-content-icon="icon-tasks"
 			:empty-content-message="t('tasks', 'No upcoming tasks')"
@@ -33,15 +32,13 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 			:show-items-and-empty-content="!hasTaskToday"
 			:half-empty-content-message="t('tasks', 'No tasks today')">
 			<template #default="{ item }">
-				<DashboardWidgetItem
-					:main-text="item.summary"
+				<DashboardWidgetItem :main-text="item.summary"
 					:sub-text="formatSubtext(item)"
 					:target-url="getTasksAppUrl(item)"
 					:item-menu="itemMenu"
 					@markAsDone="onMarkAsDone(item)">
 					<template #avatar>
-						<div
-							class="calendar-dot"
+						<div class="calendar-dot"
 							:style="{'background-color': item.calendar.color}"
 							:title="item.calendar.displayName" />
 					</template>