feat: formatting

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

src/views/labels/ListLabels.vue

@@ -132,7 +132,8 @@ export default {
 	},
 	computed: mapState({
 		userInfo: state => state.auth.info,
-		labels: state => Object.values(state.labels.labels).sort((f, s) => f.title > s.title ? 1 : -1), // Alphabetically sort the labels
+		// Alphabetically sort the labels
+		labels: state => Object.values(state.labels.labels).sort((f, s) => f.title > s.title ? 1 : -1),
 		loading: state => state[LOADING] && state[LOADING_MODULE] === 'labels',
 	}),
 	methods: {
@@ -167,10 +168,7 @@ export default {
 			// Duplicating the label to make sure it does not look like changes take effect immediatly as the label 
 			// object passed to this function here still has a reference to the store.
 			this.labelEditLabel = new LabelModel({
-				id: label.id,
-				title: label.title,
-				description: label.description,
-				hexColor: label.hexColor,
+				...label,
 			})
 			this.isLabelEdit = true
 

src/views/list/views/Kanban.vue

@@ -20,11 +20,11 @@
 			:class="{ 'is-loading': loading && !oneTaskUpdating}"
 			class="kanban kanban-bucket-container loader-container">
 			<draggable
+				v-bind="dragOptions"
 				v-model="buckets"
 				@start="() => dragBucket = true"
 				@end="updateBucketPosition"
 				group="buckets"
-				v-bind="dragOptions"
 				:disabled="!canWrite"
 				:class="{'dragging-disabled': !canWrite}"
 			>
@@ -129,11 +129,11 @@
 						</div>
 						<div :ref="`tasks-container${bucket.id}`" class="tasks">
 							<draggable
+								v-bind="dragOptions"
 								v-model="bucket.tasks"
 								@start="() => dragstart(bucket)"
 								@end="updateTaskPosition"
 								:group="{name: 'tasks', put: shouldAcceptDrop(bucket) && !dragBucket}"
-								v-bind="dragOptions"
 								:disabled="!canWrite"
 								:class="{'dragging-disabled': !canWrite}"
 								:data-bucket-index="k"

src/views/list/views/List.vue

@@ -81,11 +81,11 @@
 					v-if="tasks && tasks.length > 0"
 				>
 					<draggable
+						v-bind="dragOptions"
 						v-model="tasks"
 						group="tasks"
 						@start="() => drag = true"
 						@end="saveTaskPosition"
-						v-bind="dragOptions"
 						handle=".handle"
 						:disabled="!canWrite"
 						:class="{'dragging-disabled': !canWrite}"

src/views/teams/ListTeams.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="content loader-container is-max-width-desktop" v-bind:class="{ 'is-loading': teamService.loading}">
+	<div class="content loader-container is-max-width-desktop" :class="{ 'is-loading': teamService.loading}">
 		<x-button
 			:to="{name:'teams.create'}"
 			class="is-pulled-right"

src/views/user/Settings.vue

@@ -379,6 +379,8 @@ export default {
 		}),
 	},
 	methods: {
+		copy,
+
 		updatePassword() {
 			if (this.passwordConfirm !== this.passwordUpdate.newPassword) {
 				this.error({message: this.$t('user.settings.passwordsDontMatch')})
@@ -462,9 +464,6 @@ export default {
 				})
 				.catch(e => this.error(e))
 		},
-		copy(text) {
-			copy(text)
-		},
 		anchorHashCheck() {
 			if (window.location.hash === this.$route.hash) {
 				const el = document.getElementById(this.$route.hash.slice(1))