:recycle: moving code from sidebar to related component file

vue-theme/src/components/sidebars/related.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
-h3.t-up related {{ p2pPostType }}s
+h3.t-up related {{ postType }}s
     ul
-        li(v-for="relatedPost in p2pPostsByType[p2pPostType]")
+        li(v-for="relatedPost in postsByType[postType]")
             router-link(v-if="relatedPost" :to="`/${relatedPost.type}s/${relatedPost.slug}`")
                 p {{ relatedPost.title }}
 </template>
@@ -9,9 +9,12 @@ h3.t-up related {{ p2pPostType }}s
 <script>
 export default {
     props: {
-        p2pPostsByType:{
+        postsByType:{
             required: true
-        }
+        }, 
+        postType:{
+            required: true
+        }, 
     }
 }
 </script>

vue-theme/src/components/sidebars/sidebar.vue

@@ -1,6 +1,7 @@
 <template lang="pug">
 aside.sidebar
     section
+        //- Artist sorting
         .shadow(v-if="type === 'artists' && layout !== 'single'")
             h1.t-up sort {{ type }} by
             ul
@@ -8,21 +9,22 @@ aside.sidebar
                     router-link(:to="`/${type}/${sortTypes[option]}`").t-cap
                         p {{ option }}
         
+        //- type specific sidebar
         .shadow(v-else)
             p {{ type }} sidebar
-        
+
+        //- p2p types and related posts
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")
-            h3.t-up related {{ p2pPostType }}s
-            ul
-                li(v-for="relatedPost in related[p2pPostType]")
-                    router-link(v-if="relatedPost" :to="`/${relatedPost.type}s/${relatedPost.slug}`")
-                        p {{ relatedPost.title }}
+            related-sidebar(:posts-by-type="related" :post-type="p2pPostType")
 
+        //- Optional passthrough
         slot
 
+        //- Exhibitions
         .shadow(v-if="layout === 'single'")
             exhibitions-sidebar
         
+        //- Events
         .shadow(v-if="layout === 'single'")
             events-sidebar
         

vue-theme/src/pages/single.vue

@@ -37,7 +37,6 @@
         credits(v-if="type === 'episodes' && post" :post="post")
 
     sidebar(v-if="sidebar" :type="`${type}`" layout="single" :related="p2pPostsByType")
-
 </template>
 
 <script>