Lists implementation: make route naming consistent

src/boot/routes.js

@@ -77,8 +77,8 @@ export default (store) => {
     { name: 'about', path: '/about', component: About },
     { name: 'user-profile', path: '/:_(users)?/:name', component: UserProfile },
     { name: 'lists', path: '/lists', component: Lists },
-    { name: 'list-timeline', path: '/lists/:id', component: ListsTimeline },
+    { name: 'lists-timeline', path: '/lists/:id', component: ListsTimeline },
-    { name: 'list-edit', path: '/lists/:id/edit', component: ListsEdit }
+    { name: 'lists-edit', path: '/lists/:id/edit', component: ListsEdit }
   ]
 
   if (store.state.instance.pleromaChatMessagesAvailable) {

src/components/lists_card/lists_card.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="list-card">
     <router-link
-      :to="{ name: 'list-timeline', params: { id: list.id } }"
+      :to="{ name: 'lists-timeline', params: { id: list.id } }"
       class="list-name"
     >
       {{ list.title }}
     </router-link>
     <router-link
-      :to="{ name: 'list-edit', params: { id: list.id } }"
+      :to="{ name: 'lists-edit', params: { id: list.id } }"
       class="button-list-edit"
     >
       <FAIcon

src/components/lists_edit/lists_edit.js

@@ -79,7 +79,7 @@ const ListsNew = {
       this.$store.dispatch('setList', { id: this.id, title: this.title })
       this.$store.dispatch('setListAccounts', { id: this.id, accountIds: this.selectedUserIds })
 
-      this.$router.push({ name: 'list-timeline', params: { id: this.id } })
+      this.$router.push({ name: 'lists-timeline', params: { id: this.id } })
     },
     deleteList () {
       this.$store.dispatch('deleteList', { id: this.id })

src/components/lists_menu/lists_menu_content.vue

@@ -6,7 +6,7 @@
     >
       <router-link
         class="menu-item"
-        :to="{ name: 'list-timeline', params: { id: list.id } }"
+        :to="{ name: 'lists-timeline', params: { id: list.id } }"
       >
         {{ list.title }}
       </router-link>

src/components/lists_new/lists_new.js

@@ -70,7 +70,7 @@ const ListsNew = {
       this.$store.dispatch('createList', { title: this.title })
         .then((list) => {
           this.$store.dispatch('setListAccounts', { id: list.id, accountIds: this.selectedUserIds })
-          this.$router.push({ name: 'list-timeline', params: { id: list.id } })
+          this.$router.push({ name: 'lists-timeline', params: { id: list.id } })
         })
     }
   }

src/components/lists_timeline/lists_timeline.js

@@ -13,7 +13,7 @@ const ListsTimeline = {
   },
   watch: {
     $route: function (route) {
-      if (route.name === 'list-timeline' && route.params.id !== this.listId) {
+      if (route.name === 'lists-timeline' && route.params.id !== this.listId) {
         this.listId = route.params.id
         this.$store.dispatch('stopFetchingTimeline', 'list')
         this.$store.commit('clearTimeline', { timeline: 'list' })

src/components/timeline_menu/timeline_menu.js

@@ -58,7 +58,7 @@ const TimelineMenu = {
       if (route === 'tag-timeline') {
         return '#' + this.$route.params.tag
       }
-      if (route === 'list-timeline') {
+      if (route === 'lists-timeline') {
         return this.$store.getters.findListTitle(this.$route.params.id)
       }
       const i18nkey = timelineNames()[this.$route.name]