feat: made sidebar sticky

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

@@ -1,5 +1,5 @@
 <template lang="pug">
-aside
+aside.sidebar
     section
         slot
         .shadow.b-radius(v-if="type === 'artists'")
@@ -13,34 +13,17 @@ import { mapGetters } from 'vuex'
 
 export default {
     props: {
-        sidebar: {
-            type: Boolean
-        },
         type: {
             type: String
         }
     },
-    computed: {
-        ...mapGetters({
-            allArtists: 'allArtists',
-            allArtistsLoaded: 'allArtistsLoaded',
-
-            allEpisodes: 'allEpisodes',
-            allEpisodesLoaded: 'allEpisodesLoaded',
-        }),
-        posts() {
-            let type = this.$route.params.type
-            type = type.charAt(0).toUpperCase() + type.slice(1)
-
-            // Return list keyed by slug
-            return Object.values(this[`all${type}`]).reduce((postsMap, post) => { 
-                postsMap[post.slug] = post
-                return postsMap
-            }, {})
-        },
-    },
-    mounted() {
-        // TODO: this should be conditional after checking vuex stat
-    }
+    computed: {},
+    mounted() {}
 }
-</script>
+</script>
+
+<style lang="postcss">
+aside.sidebar
+    position: sticky
+    top: 0
+</style>

vue-theme/src/pages/single.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
 .page--single.f-row.between
-    article.f-grow
+    article.f-grow.shadow.b-radius
         header
             h1 {{ type }}:{{ $route.params.slug }} single
         section
@@ -29,7 +29,7 @@ export default {
 
             allPosts: 'allPosts',
             allPostsLoaded: 'allPostsLoaded',
-            
+
             allArtists: 'allArtists',
             allArtistsLoaded: 'allArtistsLoaded',