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/partials/singleTaskInList.vue

@@ -99,8 +99,8 @@ export default {
 	name: 'singleTaskInList',
 	data() {
 		return {
-			taskService: TaskService,
-			task: TaskModel,
+			taskService: new TaskService(),
+			task: new TaskModel(),
 			showDefer: false,
 		}
 	},
@@ -146,10 +146,6 @@ export default {
 		this.task = this.theTask
 		document.addEventListener('click', this.hideDeferDueDatePopup)
 	},
-	created() {
-		this.task = new TaskModel()
-		this.taskService = new TaskService()
-	},
 	beforeDestroy() {
 		document.removeEventListener('click', this.hideDeferDueDatePopup)
 	},