fix route

src/boot/routes.js

@@ -70,8 +70,8 @@ export default (store) => {
     { name: 'search', path: '/search', component: Search, props: (route) => ({ query: route.query.query }) },
     { name: 'who-to-follow', path: '/who-to-follow', component: WhoToFollow, beforeEnter: validateAuthenticatedRoute },
     { name: 'about', path: '/about', component: About },
-    { name: 'user-profile', path: '/(users/)?:name', component: UserProfile },
+    { name: 'lists', path: '/lists', component: Lists, beforeEnter: validateAuthenticatedRoute },
-    { name: 'lists', path: '/lists', component: Lists, beforeEnter: validateAuthenticatedRoute }
+    { name: 'user-profile', path: '/(users/)?:name', component: UserProfile }
   ]
 
   if (store.state.instance.pleromaChatMessagesAvailable) {

src/components/lists/lists.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="Lists">
+  <div class="Lists panel panel-default">
+    <div class="panel-heading">
+      <TimelineMenu />
+    </div>
     <div
       v-for="list in lists"
       :key="list.id"
@@ -16,7 +19,12 @@
 </template>
 
 <script>
+import TimelineMenu from '../timeline_menu/timeline_menu.vue'
+
 export default {
+  components: {
+    TimelineMenu
+  },
   data () {
     return {
       lists: [{ title: 'ASD', id: '1' }, { title: 'ASD2', id: '2' }]

src/components/timeline_menu/timeline_menu.js

@@ -28,7 +28,8 @@ export const timelineNames = () => {
     'dms': 'nav.dms',
     'public-timeline': 'nav.public_tl',
     'public-external-timeline': 'nav.twkn',
-    'tag-timeline': 'tag'
+    'tag-timeline': 'tag',
+    'lists': 'nav.lists'
   }
 }