Remove pagination

src/layouts/partials/Navbar.vue

@@ -87,27 +87,6 @@
         <ul
           class="list-none sm:flex justify-left uppercase transition-all transition-500"
         >
-          <!-- <li
-            :key="element.name"
-            v-for="(element, index) in $static.metadata.navigation"
-            class="py-1"
-            v-bind:class="{
-              'mr-4':
-                index != Object.keys($static.metadata.navigation).length - 1,
-            }"
-          >
-            <a
-              :href="element.link"
-              v-if="element.external"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="block px-2 py-1 text-white font-semibold rounded hover:bg-gray-800 animated-link"
-              >{{ element.name }}</a
-            >
-            <g-link v-else :to="element.link" class="animated-link">{{
-              element.name
-            }}</g-link>
-          </li> -->
           <li
             class="py-1"
             :key="element.name"

src/templates/Membership.vue

@@ -1,50 +1,38 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-24">
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
       <div class="mx-4 sm:mx-0">
-        <h1 class="pb-0 mb-0 text-5xl font-medium">{{ $page.membership.title }}</h1>
+        <h1 class="pb-0 mb-0 text-5xl font-medium capitalize">
+          {{ $page.membership.title }}
+        </h1>
         <p class="text-gray-700 text-xl">
           A collection of
-          <span
+          <span class="self-center"
-            class="self-center"
+            >{{ $page.membership.belongsTo.totalCount }} items</span
-          >{{ $page.membership.belongsTo.totalCount }} items</span>
+          >
         </p>
       </div>
 
       <div class="pt-8 border-b"></div>
 
-      <div class="flex flex-wrap pt-8 pb-8 mx-4 sm:-mx-4">
+      <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"
         />
       </div>
-
-      <div class="pagination flex justify-center mb-8">
-        <Pagination
-          :baseUrl="$page.membership.path"
-          :currentPage="$page.membership.belongsTo.pageInfo.currentPage"
-          :totalPages="$page.membership.belongsTo.pageInfo.totalPages"
-          :maxVisibleButtons="5"
-          v-if="$page.membership.belongsTo.pageInfo.totalPages > 1"
-        />
-      </div>
     </div>
   </Layout>
 </template>
 
 <page-query>
-  query($id: ID!, $page:Int) {
+  query($id: ID!) {
     membership(id: $id) {
       title
       path
-      belongsTo(perPage: 10, page: $page) @paginate {
+      belongsTo {
         totalCount
-        pageInfo {
-          totalPages
-          currentPage
-        }
         edges {
           node {
             ... on Person {
@@ -64,7 +52,7 @@
               countries
               cities
               private
-              image(width:150, height:150)
+              image
             }
           }
         }
@@ -75,18 +63,16 @@
 
 <script>
 import PostListItem from "~/components/PostListItem.vue";
-import Pagination from "~/components/Pagination.vue";
 
 export default {
   components: {
-    Pagination,
+    PostListItem,
-    PostListItem
   },
- 
+
   metaInfo() {
     return {
-      title: this.$page.membership.title
+      title: this.$page.membership.title,
     };
-  }
+  },
 };
 </script>