fix: breaking attribute coercion behavior

see: https://v3.vuejs.org/guide/migration/attribute-coercion.html#overview

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 !== ''">

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"

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"

src/components/tasks/partials/attachments.vue

@@ -8,7 +8,7 @@
 		</h3>
 
 		<input
-			:disabled="attachmentService.loading"
+			:disabled="attachmentService.loading || null"
 			@change="uploadNewAttachment()"
 			id="files"
 			multiple

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"
 		/>

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>

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>

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>

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')"

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"

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"

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"

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')"

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')"