feat: move from life cycle to data or watcher

- remove from created / mounted
- initialize component services in data
- use immediate watcher where appropriate
- deep watch for route changes

src/components/tasks/add-task.vue

@@ -45,7 +45,7 @@ export default {
 	data() {
 		return {
 			newTaskTitle: '',
-			taskService: TaskService,
+			taskService: new TaskService(),
 			errorMessage: '',
 		}
 	},
@@ -55,9 +55,6 @@ export default {
 	components: {
 		QuickAddMagic,
 	},
-	created() {
-		this.taskService = new TaskService()
-	},
 	props: {
 		defaultPosition: {
 			type: Number,