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/edit-task.vue

@@ -84,13 +84,13 @@ export default {
 	data() {
 		return {
 			listId: this.$route.params.id,
-			listService: ListService,
-			taskService: TaskService,
+			listService: new ListService(),
+			taskService: new TaskService(),
 
 			priorities: priorities,
 			list: {},
 			editorActive: false,
-			newTask: TaskModel,
+			newTask: new TaskModel(),
 			isTaskEdit: false,
 			taskEditTask: TaskModel,
 		}
@@ -113,18 +113,14 @@ export default {
 		},
 	},
 	watch: {
-		task() {
-			this.taskEditTask = this.task
-			this.initTaskFields()
+		task: {
+			handler() {
+				this.taskEditTask = this.task
+				this.initTaskFields()
+			},
+			immediate: true,
 		},
 	},
-	created() {
-		this.listService = new ListService()
-		this.taskService = new TaskService()
-		this.newTask = new TaskModel()
-		this.taskEditTask = this.task
-		this.initTaskFields()
-	},
 	methods: {
 		initTaskFields() {
 			this.taskEditTask.dueDate =