Merge pull request #17 from protonemedia/hide-pagination-container

Hide pagination container when no pagination is available

Author: pascalbaljet

js/Components/Pagination.vue

@@ -12,6 +12,10 @@ const Pagination = {
       return Pagination.defaultTranslations;
     },
 
+    hasPagination() {
+      return Object.keys(this.pagination).length > 0;
+    },
+
     pagination() {
       if ("total" in this.meta && "to" in this.meta && "from" in this.meta) {
         return this.meta;

js/Tailwind2/Pagination.vue

@@ -1,7 +1,7 @@
 <template>
   <nav
     class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6"
-    v-if="meta"
+    v-if="hasPagination"
   >
     <p v-if="pagination.total < 1">{{ translations.no_results_found }}</p>
     <div v-if="pagination.total > 0" class="flex-1 flex justify-between sm:hidden">