Fix archived lists still showing up in the side menu

src/App.vue

@@ -191,20 +191,24 @@
 										class="checkinput"/>
 								<div class="more-container" :key="n.id + 'child'">
 									<ul class="menu-list can-be-hidden">
-										<li v-for="l in n.lists" :key="l.id">
+										<template v-for="l in n.lists">
-											<router-link
+											<!-- This is a bit ugly but vue wouldn't want to let me filter this - probably because the lists
-													:to="{ name: 'list.index', params: { listId: l.id} }"
+													are nested inside of the namespaces makes it a lot harder.-->
-													:class="{'router-link-exact-active': currentList.id === l.id}">
+											<li v-if="!l.isArchived" :key="l.id">
-												<span class="name">
+												<router-link
-													<span
+														:to="{ name: 'list.index', params: { listId: l.id} }"
-															class="color-bubble"
+														:class="{'router-link-exact-active': currentList.id === l.id}">
-															v-if="l.hexColor !== ''"
+													<span class="name">
-															:style="{ backgroundColor: l.hexColor }">
+														<span
+																class="color-bubble"
+																v-if="l.hexColor !== ''"
+																:style="{ backgroundColor: l.hexColor }">
+														</span>
+														{{l.title}}
 													</span>
-													{{l.title}}
+												</router-link>
-												</span>
+											</li>
-											</router-link>
+										</template>
-										</li>
 									</ul>
 									<label class="hidden-hint" :for="n.id + 'checker'">
 										Show hidden lists ({{n.lists.length}})...