Add lists listing page

src/components/list_card/list_card.js

@@ -0,0 +1,12 @@
+const ListCard = {
+  props: [
+    'list'
+  ],
+  methods: {
+    listLink (id) {
+      return '/lists/' + id
+    }
+  }
+}
+
+export default ListCard

src/components/list_card/list_card.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>
+    <router-link :to="listLink(list.id)">
+      {{ list.title }}
+    </router-link>
+  </div>
+</template>
+
+<script src="./list_card.js"></script>

src/components/lists/lists.js

@@ -0,0 +1,17 @@
+import ListCard from '../list_card/list_card.vue'
+
+const Lists = {
+  components: {
+    ListCard
+  },
+  created () {
+    this.$store.dispatch('startFetchingLists')
+  },
+  computed: {
+    lists () {
+      return this.$store.state.api.lists
+    }
+  }
+}
+
+export default Lists

src/components/lists/lists.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="settings panel panel-default">
+    <div class="panel-heading">
+      <div class="title">
+        {{ $t('lists.lists') }}
+      </div>
+    </div>
+    <div class="panel-body">
+      <ListCard
+        v-for="list in lists.slice().reverse()"
+        :key="list"
+        :list="list"
+      />
+    </div>
+  </div>
+</template>
+
+<script src="./lists.js"></script>