Fix focus on new task

src/views/list/views/List.vue

@@ -64,19 +64,16 @@
 				<add-task
 					:listId="Number($route.params.listId)"
 					@taskAdded="updateTaskList"
+					ref="newTaskInput"
 				/>
 				<p class="help is-danger" v-if="showError && newTaskText === ''">
 					Please specify a list title.
 				</p>
 			</div>
 
-			<nothing
-				v-if="
-					ctaVisible && tasks.length === 0 && !taskCollectionService.loading
-				"
-			>
+			<nothing v-if="ctaVisible && tasks.length === 0 && !taskCollectionService.loading">
 				This list is currently empty.
-				<a @click="$refs.newTaskInput.focus()">Create a new task.</a>
+				<a @click="focusNewTaskInput()">Create a new task.</a>
 			</nothing>
 
 			<div class="tasks-container">
@@ -228,6 +225,9 @@ export default {
 			this.isTaskEdit = false
 			this.loadTasks(page, search)
 		},
+		focusNewTaskInput() {
+			this.$refs.newTaskInput.$refs.newTaskInput.focus()
+		},
 		updateTaskList(task) {
 			this.tasks.push(task)
 			this.sortTasks()