feat: use async / await where it makes sense

src/components/tasks/add-task.vue

@@ -82,7 +82,7 @@ export default {
 		this.initialTextAreaHeight = this.$refs.newTaskInput.scrollHeight + INPUT_BORDER_PX
 	},
 	methods: {
-		addTask() {
+		async addTask() {
 			if (this.newTaskTitle === '') {
 				this.errorMessage = this.$t('list.create.addTitleRequired')
 				return
@@ -93,37 +93,31 @@ export default {
 				return
 			}
 
-			const newTasks = []
-			this.newTaskTitle.split(/[\r\n]+/).forEach(t => {
+			const newTasks = this.newTaskTitle.split(/[\r\n]+/).map(async t => {
 				const title = cleanupTitle(t)
 				if (title === '') {
 					return
 				}
 				
-				newTasks.push(
-					this.$store.dispatch('tasks/createNewTask', {
-						title: this.newTaskTitle,
-						listId: this.$store.state.auth.settings.defaultListId,
-						position: this.defaultPosition,
-					})
-						.then(task => {
-							this.$emit('taskAdded', task)
-							return task
-						}),
-				)
+				const task = await this.$store.dispatch('tasks/createNewTask', {
+					title: this.newTaskTitle,
+					listId: this.$store.state.auth.settings.defaultListId,
+					position: this.defaultPosition,
+				})
+				this.$emit('taskAdded', task)
+				return task
 			})
 
-			return Promise.all(newTasks)
-				.then(() => {
-					this.newTaskTitle = ''
-				})
-				.catch(e => {
-					if (e.message === 'NO_LIST') {
-						this.errorMessage = this.$t('list.create.addListRequired')
-						return
-					}
-					throw e
-				})
+			try {
+				await Promise.all(newTasks)
+				this.newTaskTitle = ''
+			} catch(e) {
+				if (e.message === 'NO_LIST') {
+					this.errorMessage = this.$t('list.create.addListRequired')
+					return
+				}
+				throw e
+			}
 		},
 		handleEnter(e) {
 			// when pressing shift + enter we want to continue as we normally would. Otherwise, we want to create