From 697ea12c8e032c3350256969455f22008a243e87 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Fri, 20 Aug 2021 17:00:03 +0200
Subject: [PATCH] fix: breaking attribute coercion behavior

see: https://v3.vuejs.org/guide/migration/attribute-coercion.html#overview
---
 src/components/input/button.vue                     | 4 ++--
 src/components/tasks/add-task.vue                   | 4 ++--
 src/components/tasks/edit-task.vue                  | 2 +-
 src/components/tasks/partials/attachments.vue       | 2 +-
 src/components/tasks/partials/defer-task.vue        | 2 +-
 src/components/tasks/partials/percentDoneSelect.vue | 2 +-
 src/components/tasks/partials/prioritySelect.vue    | 2 +-
 src/components/tasks/partials/repeatAfter.vue       | 4 ++--
 src/views/filters/CreateSavedFilter.vue             | 2 +-
 src/views/filters/settings/edit.vue                 | 2 +-
 src/views/list/settings/edit.vue                    | 2 +-
 src/views/list/views/Kanban.vue                     | 4 ++--
 src/views/namespaces/settings/edit.vue              | 2 +-
 src/views/teams/EditTeam.vue                        | 2 +-
 14 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/input/button.vue b/src/components/input/button.vue
index 0957fe295..80151200e 100644
--- a/src/components/input/button.vue
+++ b/src/components/input/button.vue
@@ -9,9 +9,9 @@
 			'is-text is-inverted has-no-shadow underline-none':
 				type === 'tertary',
 		}"
-		:disabled="disabled"
+		:disabled="disabled || null"
 		@click="click"
-		:href="href !== '' ? href : false"
+		:href="href !== '' ? href : null"
 	>
 		<icon :icon="icon" v-if="showIconOnly"/>
 		<span class="icon is-small" v-else-if="icon !== ''">
diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index befb99160..799e3ba58 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -3,7 +3,7 @@
 		<div class="field is-grouped">
 			<p class="control has-icons-left is-expanded">
 				<input
-					:disabled="taskService.loading"
+					:disabled="taskService.loading || null"
 					@keyup.enter="addTask()"
 					class="input"
 					:placeholder="$t('list.list.addPlaceholder')"
@@ -19,7 +19,7 @@
 			</p>
 			<p class="control">
 				<x-button
-					:disabled="newTaskTitle === '' || taskService.loading"
+					:disabled="newTaskTitle === '' || taskService.loading || null"
 					@click="addTask()"
 					icon="plus"
 					:loading="taskService.loading"
diff --git a/src/components/tasks/edit-task.vue b/src/components/tasks/edit-task.vue
index b29d58469..0b2a2ca42 100644
--- a/src/components/tasks/edit-task.vue
+++ b/src/components/tasks/edit-task.vue
@@ -5,7 +5,7 @@
 			<div class="control">
 				<input
 					:class="{ disabled: taskService.loading }"
-					:disabled="taskService.loading"
+					:disabled="taskService.loading || null"
 					@change="editTaskSubmit()"
 					class="input"
 					id="tasktext"
diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 0c03778a4..c02609877 100644
--- a/src/components/tasks/partials/attachments.vue
+++ b/src/components/tasks/partials/attachments.vue
@@ -8,7 +8,7 @@
 		</h3>
 
 		<input
-			:disabled="attachmentService.loading"
+			:disabled="attachmentService.loading || null"
 			@change="uploadNewAttachment()"
 			id="files"
 			multiple
diff --git a/src/components/tasks/partials/defer-task.vue b/src/components/tasks/partials/defer-task.vue
index 4a6ccf95a..3620697a3 100644
--- a/src/components/tasks/partials/defer-task.vue
+++ b/src/components/tasks/partials/defer-task.vue
@@ -30,7 +30,7 @@
 		<flat-pickr
 			:class="{ disabled: taskService.loading }"
 			:config="flatPickerConfig"
-			:disabled="taskService.loading"
+			:disabled="taskService.loading || null"
 			class="input"
 			v-model="dueDate"
 		/>
diff --git a/src/components/tasks/partials/percentDoneSelect.vue b/src/components/tasks/partials/percentDoneSelect.vue
index aade2bc25..a942a6f0f 100644
--- a/src/components/tasks/partials/percentDoneSelect.vue
+++ b/src/components/tasks/partials/percentDoneSelect.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="select">
-		<select :disabled="disabled" @change="updateData" v-model.number="percentDone">
+		<select :disabled="disabled || null" @change="updateData" v-model.number="percentDone">
 			<option value="0">0%</option>
 			<option value="0.1">10%</option>
 			<option value="0.2">20%</option>
diff --git a/src/components/tasks/partials/prioritySelect.vue b/src/components/tasks/partials/prioritySelect.vue
index 02094b3e5..9f09f2a60 100644
--- a/src/components/tasks/partials/prioritySelect.vue
+++ b/src/components/tasks/partials/prioritySelect.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="select">
-		<select :disabled="disabled" @change="updateData" v-model="priority">
+		<select :disabled="disabled || null" @change="updateData" v-model="priority">
 			<option :value="priorities.UNSET">{{ $t('task.priority.unset') }}</option>
 			<option :value="priorities.LOW">{{ $t('task.priority.low') }}</option>
 			<option :value="priorities.MEDIUM">{{ $t('task.priority.medium') }}</option>
diff --git a/src/components/tasks/partials/repeatAfter.vue b/src/components/tasks/partials/repeatAfter.vue
index b6fe07513..3168637e4 100644
--- a/src/components/tasks/partials/repeatAfter.vue
+++ b/src/components/tasks/partials/repeatAfter.vue
@@ -26,7 +26,7 @@
 			<div class="field has-addons is-fullwidth">
 				<div class="control">
 					<input
-						:disabled="disabled"
+						:disabled="disabled || null"
 						@change="updateData"
 						class="input"
 						:placeholder="$t('task.repeat.specifyAmount')"
@@ -36,7 +36,7 @@
 				</div>
 				<div class="control">
 					<div class="select">
-						<select :disabled="disabled" @change="updateData" v-model="repeatAfter.type">
+						<select :disabled="disabled || null" @change="updateData" v-model="repeatAfter.type">
 							<option value="hours">{{ $t('task.repeat.hours') }}</option>
 							<option value="days">{{ $t('task.repeat.days') }}</option>
 							<option value="weeks">{{ $t('task.repeat.weeks') }}</option>
diff --git a/src/views/filters/CreateSavedFilter.vue b/src/views/filters/CreateSavedFilter.vue
index 0ed3ff9c6..8a0ca6e66 100644
--- a/src/views/filters/CreateSavedFilter.vue
+++ b/src/views/filters/CreateSavedFilter.vue
@@ -13,7 +13,7 @@
 							<input
 								v-model="savedFilter.title"
 								:class="{ 'disabled': savedFilterService.loading}"
-								:disabled="savedFilterService.loading"
+								:disabled="savedFilterService.loading || null"
 								class="input"
 								id="Title"
 								:placeholder="$t('filters.attributes.titlePlaceholder')"
diff --git a/src/views/filters/settings/edit.vue b/src/views/filters/settings/edit.vue
index a625e0a06..03a595cf2 100644
--- a/src/views/filters/settings/edit.vue
+++ b/src/views/filters/settings/edit.vue
@@ -13,7 +13,7 @@
 				<div class="control">
 					<input
 						:class="{ 'disabled': filterService.loading}"
-						:disabled="filterService.loading"
+						:disabled="filterService.loading || null"
 						@keyup.enter="save"
 						class="input"
 						id="title"
diff --git a/src/views/list/settings/edit.vue b/src/views/list/settings/edit.vue
index 770d109f9..ab90017cc 100644
--- a/src/views/list/settings/edit.vue
+++ b/src/views/list/settings/edit.vue
@@ -12,7 +12,7 @@
 			<div class="control">
 				<input
 					:class="{ 'disabled': listService.loading}"
-					:disabled="listService.loading"
+					:disabled="listService.loading || null"
 					@keyup.enter="save"
 					class="input"
 					id="title"
diff --git a/src/views/list/views/Kanban.vue b/src/views/list/views/Kanban.vue
index 29961f351..3f4c7dd48 100644
--- a/src/views/list/views/Kanban.vue
+++ b/src/views/list/views/Kanban.vue
@@ -153,7 +153,7 @@
 								<div class="control" :class="{'is-loading': loading}">
 									<input
 										class="input"
-										:disabled="loading"
+										:disabled="loading || null"
 										@focusout="toggleShowNewTaskInput(bucket.id)"
 										@keyup.enter="addTaskToBucket(bucket.id)"
 										@keyup.esc="toggleShowNewTaskInput(bucket.id)"
@@ -187,7 +187,7 @@
 			<div class="bucket new-bucket" v-if="canWrite && !loading && buckets.length > 0">
 				<input
 					:class="{'is-loading': loading}"
-					:disabled="loading"
+					:disabled="loading || null"
 					@focusout="() => showNewBucketInput = false"
 					@keyup.enter="createNewBucket"
 					@keyup.esc="() => showNewBucketInput = false"
diff --git a/src/views/namespaces/settings/edit.vue b/src/views/namespaces/settings/edit.vue
index f91850b72..7afc3cf60 100644
--- a/src/views/namespaces/settings/edit.vue
+++ b/src/views/namespaces/settings/edit.vue
@@ -13,7 +13,7 @@
 				<div class="control">
 					<input
 						:class="{ 'disabled': namespaceService.loading}"
-						:disabled="namespaceService.loading"
+						:disabled="namespaceService.loading || null"
 						class="input"
 						id="namespacetext"
 						:placeholder="$t('namespace.attributes.titlePlaceholder')"
diff --git a/src/views/teams/EditTeam.vue b/src/views/teams/EditTeam.vue
index af70f3d68..b2b8e869b 100644
--- a/src/views/teams/EditTeam.vue
+++ b/src/views/teams/EditTeam.vue
@@ -10,7 +10,7 @@
 					<div class="control">
 						<input
 							:class="{ disabled: teamMemberService.loading }"
-							:disabled="teamMemberService.loading"
+							:disabled="teamMemberService.loading || null"
 							class="input"
 							id="teamtext"
 							:placeholder="$t('team.attributes.namePlaceholder')"