Apply tags

src/templates/Membership.vue

@@ -11,9 +11,7 @@
           {{ $page.membership.title.replace("_", " ") }}
         </h1>
         <p class="text-gray-700 text-xl">
-          <span class="self-center"
-            >{{ $page.membership.belongsTo.totalCount }} People</span
-          >
+          <span class="self-center">{{ items.length }} People</span>
         </p>
       </div>
 
@@ -21,9 +19,10 @@
 
       <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
         <PostListItem
-          v-for="edge in $page.membership.belongsTo.edges"
-          :key="edge.node.id"
-          :record="edge.node"
+          :showtags="true"
+          v-for="item in items"
+          :key="item.id"
+          :record="item"
         />
       </div>
     </div>
@@ -57,6 +56,7 @@
               cities
               private
               image
+              category
             }
           }
         }
@@ -94,6 +94,14 @@ export default {
       );
       return res;
     },
+    items() {
+      let foundationItems = [];
+      this.$page.membership.belongsTo.edges.map((edge) => {
+        if (edge.node.category.includes("foundation"))
+          foundationItems.push(edge.node);
+      });
+      return foundationItems;
+    },
   },
 
   metaInfo() {