:recycle: tweaking col span on list | assign sortword only if exists

vue-theme/src/pages/list.vue

             )
 
         ul.posts.f-col(v-if="posts && loaded" :class="{ 'is-grid': grid }")
-            li(v-for="(post, i) in posts" :key="post.slug").post.shadow
-                card(v-if="!post.inbetween" :content="post" :type="type" :wide="isWide")
-                .f-row.w-max(v-else-if="post.inbetween")
+            template(v-for="(post, i) in posts" :key="post.slug")
+                li.post.shadow(v-if="!post.inbetween" )
+                    card(:content="post" :type="type" :wide="isWide")
+                li.post.inbetween.f-row.w-max(v-else-if="post.inbetween")
                     p {{ post.slug }}
-        
+            
         //- Important: Do NOT remove this! Required for intersection observer
         footer
             p(v-if="loadingFetched") loading more {{ type }}...
         grid-gap: $ms--2
         .post
             width: 100%
+        &.inbetween
+            grid-column: span 3
 
     /* posts in grid list */
     .posts.is-grid

vue-theme/src/store/modules/artist.js

     artistsList.forEach((artist, i) => {
         const lastWord = artist.slug.split('-').filter(c => c).pop()
         const firstCharaOfLastWord = lastWord[0]
-        const firstCharaOfSortWord = artist.sortname[0]
+        const firstCharaOfSortWord = artist.sortname ? artist.sortname[0] : 'z'
         
         console.log(firstCharaOfLastWord, firstCharaOfSortWord)