From fcaebab61ebf9a96dc2dda28b928fa43c7ff2f84 Mon Sep 17 00:00:00 2001
From: Piyush Agrawal <poush12@gmail.com>
Date: Sun, 15 May 2016 21:45:32 +0530
Subject: [PATCH] Bug Fix #1

---
 package.json      |  2 +-
 vue-pagination.js | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 5d03aa7..5f909a5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-laravel-pagination",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Pagination for vuejs with bootstrap, works with any serverside framework (ready to use with laravel)",
   "main": "vue-pagination.js",
   "scripts": {
diff --git a/vue-pagination.js b/vue-pagination.js
index 44f5918..5126200 100644
--- a/vue-pagination.js
+++ b/vue-pagination.js
@@ -1,5 +1,5 @@
 module.exports = {
-    template: '<nav class=" {{navClass}} " v-if="visible">' +
+    template: '<nav class=" {{navClass}} " v-show="visible">' +
         '<ul class="pagination {{size}} " >' +
             '<li v-if="pagination.current_page > 1">' +
                 '<a href="#" aria-label="Previous" @click.prevent="changePage(1)">' +
@@ -37,13 +37,7 @@ module.exports = {
         '</ul>' +
     '</nav>',
 
-    data: function(){
-        return {
-            to : 0,
-            from: 0,
-            visible: 1
-        }
-    },
+
     props: {
         pagination: {
             type: Object,
@@ -64,10 +58,16 @@ module.exports = {
         offset: {
             type: Number,
             default: 4
+        },
+        visible: {
+            type: Number,
+            default: 1
         }
+
     },
     computed: {
         data: function () {
+            
             this.visible = 1;
 
             var from = this.pagination.current_page - this.offset;
@@ -88,6 +88,8 @@ module.exports = {
                 from++;
             }
             
+            console.log(arr);
+
             if(arr.length == 1)
                 this.visible = 0