feat: formatting

- remove unneeded data props
- prepare for compiler warnings vue3; see https://v3.vuejs.org/guide/migration/v-bind.html

src/components/tasks/partials/comments.vue

@@ -56,7 +56,7 @@
 							</span>
 							<span
 								class="has-text-success"
-								v-if="
+								v-else-if="
 									!taskCommentService.loading &&
 									saved === c.id
 								"

src/components/tasks/partials/description.vue

@@ -10,7 +10,7 @@
 					<span class="loader is-inline-block mr-2"></span>
 					{{ $t('misc.saving') }}
 				</span>
-				<span class="is-small has-text-success" v-if="!loading && saved">
+				<span class="is-small has-text-success" v-else-if="!loading && saved">
 					<icon icon="check"/>
 					{{ $t('misc.saved') }}
 				</span>

src/components/tasks/partials/heading.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="heading">
-		<h1 class="title task-id">
-			{{ task.getTextIdentifier && task.getTextIdentifier() ? task.getTextIdentifier() : '' }}
-		</h1>
+		<h1 class="title task-id">{{ textIdentifier }}</h1>
 		<div class="is-done" v-if="task.done">Done</div>
 		<h1
 			class="title input"
@@ -11,13 +9,16 @@
 			@keydown.enter.prevent.stop="$event.target.blur()"
 			:contenteditable="canWrite ? 'true' : 'false'"
 			spellcheck="false"
-			ref="taskTitle">{{ task.title.trim() }}</h1>
+			ref="taskTitle"
+		>
+			{{ task.title.trim() }}
+		</h1>
 		<transition name="fade">
 			<span class="is-inline-flex is-align-items-center" v-if="loading && saving">
 				<span class="loader is-inline-block mr-2"></span>
 				{{ $t('misc.saving') }}
 			</span>
-			<span class="has-text-success is-inline-flex is-align-content-center" v-if="!loading && showSavedMessage">
+			<span class="has-text-success is-inline-flex is-align-content-center" v-else-if="!loading && showSavedMessage">
 				<icon icon="check" class="mr-2"/>
 				{{ $t('misc.saved') }}
 			</span>
@@ -41,6 +42,9 @@ export default {
 		task() {
 			return this.value
 		},
+		textIdentifier() {
+			return this.task?.getTextIdentifier() || ''
+		},
 	},
 	props: {
 		value: {

src/components/tasks/partials/relatedTasks.vue

@@ -19,7 +19,7 @@
 							<span class="loader is-inline-block mr-2"></span>
 							{{ $t('misc.saving') }}
 						</span>
-						<span class="has-text-success" v-if="!taskRelationService.loading && saved">
+						<span class="has-text-success" v-else-if="!taskRelationService.loading && saved">
 							{{ $t('misc.saved') }}
 						</span>
 					</transition>