:sparkles: repacking material list with inbetweens

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

@@ -17,6 +17,20 @@ const getters = {
     allArtistsLoaded: state => state.loaded,
 }
 
+const _insertInbetweens = posts => {
+    // const posts = [
+    //     { name: "cedar", count: 2 },
+    //     { name: "fir", count: 6 },
+    //     { name: "pine", count: 3 }
+    // ];
+
+    // suppose we need to skip the first element
+    const result = posts.find((tree, i) => {
+        if (tree.count > 1 && i !== 0) return true;
+    });
+    // { name: "fir", count: 6 }
+}
+
 const _arrangeByMaterial = artistsList => {
     const byMaterial = {}
     artistsList.forEach(artist => {
@@ -25,8 +39,12 @@ const _arrangeByMaterial = artistsList => {
             byMaterial[mat].push(artist)
         })
     })
-    console.log(byMaterial)
-    return Object.values(byMaterial).flat()
+    const flatPacked = []
+    Object.keys(byMaterial).forEach(material => {
+        flatPacked.push({ slug: material, title: material })
+        byMaterial[material].forEach(artist => flatPacked.push(artist))
+    })
+    return flatPacked
 }
 
 const actions = {