Begin prototyping list-of-lists

client/src/components/List-overview.vue

@@ -23,7 +23,7 @@
 			</div>
 
 			<div class="list no-border platform-delimiter">
-				<q-drawer-link to="/login">
+				<q-drawer-link to="/">
 					Logout
 				</q-drawer-link>
 			</div>

client/src/components/index/main.vue

@@ -3,7 +3,7 @@
 		<div class="layout-padding full-width">
 
 			<p class="full-width">
-				Wubwub Moar Explanation
+				Here be main app introduction
 			</p>
 		</div>
 	</div>

client/src/components/list-overview/main.vue

@@ -3,13 +3,55 @@
 		<div class="layout-padding full-width">
 
 			<p class="full-width">
-				Wubwub Moar Explanation
+				Here be your lists
 			</p>
+
+			<div class="list">
+				<div class="item two-lines">
+					<div class="item-primary">15</div>
+					<div class="item-content has-secondary">
+						<div>List 1</div>
+						<div>Has some description</div>
+					</div>
+					<i class="item-secondary item-link" @click="deleteList(0)">
+						delete
+					</i>
+				</div>
+				<div class="item two-lines">
+					<div class="item-primary">23</div>
+					<div class="item-content has-secondary">
+						<div>List 2</div>
+						<div>Has some description</div>
+					</div>
+					<i class="item-secondary item-link" @click="deleteList(1)">
+						delete
+					</i>
+				</div>
+				<div class="item two-lines">
+					<div class="item-primary">7</div>
+					<div class="item-content has-secondary">
+						<div>List 3</div>
+						<div>Has some description</div>
+					</div>
+					<i class="item-secondary item-link" @click="deleteList(2)">
+						delete
+					</i>
+				</div>
+			</div>
+
+
 		</div>
 	</div>
 </template>
 
 <script>
+	export default {
+		methods: {
+			deleteList (itemIndex) {
+				console.log('Delete: ' + itemIndex)
+			}
+		}
+	}
 </script>
 
 <style lang="stylus">

client/src/router.js

@@ -20,7 +20,7 @@ export default new VueRouter({
 		},
 		{
 			path: '/lists',
-			component: load('Lists-overview'),
+			component: load('List-overview'),
 			children: [
 				{ path: '', component: load('list-overview/main') }
 			]