Fix nesting to show warning if list not set.

Cleanup comments
Cleanup user settings
Move default list id to computed

src/components/tasks/add-task.vue

@@ -1,32 +1,34 @@
 <template>
-	<div class="field is-grouped" v-if="validListIdAvailable">
-		<p
-			:class="{ 'is-loading': taskService.loading }"
-			class="control has-icons-left is-expanded"
-		>
-			<input
-				:class="{ disabled: taskService.loading }"
-				@keyup.enter="addTask()"
-				class="input"
-				placeholder="Add a new task..."
-				type="text"
-				v-focus
-				v-model="newTaskText"
-				ref="newTaskInput"
-			/>
-			<span class="icon is-small is-left">
-				<icon icon="tasks" />
-			</span>
-		</p>
-		<p class="control">
-			<x-button
-				:disabled="newTaskText.length === 0"
-				@click="addTask()"
-				icon="plus"
+	<div class="field is-grouped" >
+		<div v-if="validListIdAvailable">
+			<p
+				:class="{ 'is-loading': taskService.loading }"
+				class="control has-icons-left is-expanded"
 			>
-				Add
-			</x-button>
-		</p>
+				<input
+					:class="{ disabled: taskService.loading }"
+					@keyup.enter="addTask()"
+					class="input"
+					placeholder="Add a new task..."
+					type="text"
+					v-focus
+					v-model="newTaskText"
+					ref="newTaskInput"
+				/>
+				<span class="icon is-small is-left">
+					<icon icon="tasks" />
+				</span>
+			</p>
+			<p class="control">
+				<x-button
+					:disabled="newTaskText.length === 0"
+					@click="addTask()"
+					icon="plus"
+				>
+					Add
+				</x-button>
+			</p>
+		</div>
 		<p class="help is-warning" v-if="!validListIdAvailable">
 			No default list set. Please go to settings and specify default list.
 		</p>		
@@ -38,7 +40,6 @@ import LabelTask from '../../models/labelTask'
 import LabelModel from '../../models/label'
 
 import { HAS_TASKS } from '@/store/mutation-types'
-// import Nothing from "@/components/misc/nothing";
 
 import ListService from '../../services/list'
 import TaskService from '../../services/task'
@@ -59,7 +60,6 @@ export default {
 			validListIdAvailable: false,
 		}
 	},
-	components: {},
 	props: {
 		listId: {
 			type: Number,

src/components/tasks/partials/listSearch.vue

@@ -88,6 +88,9 @@ export default {
 			}
 			return 'Shared Lists'
 		},
+		handleInput (e) {
+		this.$emit('input', this.content)
+		},		
 	},
 }
 </script>

src/models/userSettings.js

@@ -9,7 +9,7 @@ export default class UserSettingsModel extends AbstractModel {
 			discoverableByName: false,
 			discoverableByEmail: false,
 			overdueTasksRemindersEnabled: true,
-			defaultListId: 1,
+			defaultListId: undefined,
 			weekStart: 0,
 		}
 	}

src/views/Home.vue

@@ -49,13 +49,9 @@ export default {
 			loading: false,
 			currentDate: new Date(),
 			tasks: [],
-			defaultListId: undefined,
 			showTasksKey: 0,
 		}
 	},
-	created() {
-		//TODO: Load the value from user settings. Until then it will not render the add task component.
-	},
 	computed: mapState({
 		migratorsEnabled: state =>
 			state.config.availableMigrators !== null &&
@@ -63,6 +59,7 @@ export default {
 		authenticated: state => state.auth.authenticated,
 		userInfo: state => state.auth.info,
 		hasTasks: state => state.hasTasks,
+		defaultListId: state => state.auth.defaultListId,
 		defaultNamespaceId: state => {
 			if (state.namespaces.namespaces.length === 0) {
 				return 0