From 39f714e0da92cf777c4cf5ba212222fede353ce3 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sat, 16 Jun 2018 15:42:03 +0900
Subject: [PATCH] refs #397 Add router link to lists

---
 .../components/TimelineSpace/Contents/Lists/Index.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents/Lists/Index.vue b/src/renderer/components/TimelineSpace/Contents/Lists/Index.vue
index f6f95843..48f8df52 100644
--- a/src/renderer/components/TimelineSpace/Contents/Lists/Index.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Lists/Index.vue
@@ -1,9 +1,9 @@
 <template>
   <div id="lists">
     <div class="list" v-for="list in lists" :key="list.id">
-      <span class="title">
+      <router-link tag="span" class="title" :to="`/${id()}/lists/${list.id}`">
         {{ list.title }}
-      </span>
+      </router-link>
     </div>
   </div>
 </template>
@@ -31,6 +31,9 @@ export default {
       })
   },
   methods: {
+    id () {
+      return this.$route.params.id
+    },
     fetch () {
       return this.$store.dispatch('TimelineSpace/Contents/Lists/Index/fetchLists')
         .catch(() => {
@@ -49,6 +52,10 @@ export default {
   .list {
     padding: 12px 24px;
     border-bottom: 1px solid var(--theme-border-color);
+
+    .title {
+      cursor: pointer;
+    }
   }
 }
 </style>