Fix IE Compatibility Issue

Author: jericopulvera

src/laravel-vue-pagination.js

@@ -1,82 +1,82 @@
 module.exports = {
-	props: {
-		data: {
-			type: Object,
-			default: function() {
-				return {
-					current_page: 1,
-					data: [],
-					from: 1,
-					last_page: 1,
-					next_page_url: null,
-					per_page: 10,
-					prev_page_url: null,
-					to: 1,
-					total: 0,
-				}
-			}
-		},
-		limit: {
-			type: Number,
-			default: 0
-		}
-	},
+    props: {
+        data: {
+            type: Object,
+            default: function() {
+                return {
+                    current_page: 1,
+                    data: [],
+                    from: 1,
+                    last_page: 1,
+                    next_page_url: null,
+                    per_page: 10,
+                    prev_page_url: null,
+                    to: 1,
+                    total: 0,
+                }
+            }
+        },
+        limit: {
+            type: Number,
+            default: 0
+        }
+    },
 
-	template: '<ul class="pagination" v-if="data.total > data.per_page">\
-		<li class="page-item" v-if="data.prev_page_url">\
-			<a class="page-link" href="#" aria-label="Previous" @click.prevent="selectPage(--data.current_page)"><span aria-hidden="true">&laquo;</span></a>\
-		</li>\
-		<li class="page-item" v-for="n in getPages()" :class="{ \'active\': n == data.current_page }"><a class="page-link" href="#" @click.prevent="selectPage(n)">{{ n }}</a></li>\
-		<li class="page-item" v-if="data.next_page_url">\
-			<a class="page-link" href="#" aria-label="Next" @click.prevent="selectPage(++data.current_page)"><span aria-hidden="true">&raquo;</span></a>\
-		</li>\
-	</ul>',
+    template: '<ul class="pagination" v-if="data.total > data.per_page">\
+        <li class="page-item" v-if="data.prev_page_url">\
+            <a class="page-link" href="#" aria-label="Previous" @click.prevent="selectPage(--data.current_page)"><span aria-hidden="true">&laquo;</span></a>\
+        </li>\
+        <li class="page-item" v-for="n in getPages()" :class="{ \'active\': n == data.current_page }"><a class="page-link" href="#" @click.prevent="selectPage(n)">{{ n }}</a></li>\
+        <li class="page-item" v-if="data.next_page_url">\
+            <a class="page-link" href="#" aria-label="Next" @click.prevent="selectPage(++data.current_page)"><span aria-hidden="true">&raquo;</span></a>\
+        </li>\
+    </ul>',
 
-	methods: {
-		selectPage: function(page) {
-			if (page === '...') {
-				return;
-			}
+    methods: {
+        selectPage: function(page) {
+            if (page === '...') {
+                return;
+            }
 
-			this.$emit('pagination-change-page', page);
-		},
-		getPages: function() {
-			if (this.limit === -1) {
-				return 0;
-			}
+            this.$emit('pagination-change-page', page);
+        },
+        getPages: function() {
+            if (this.limit === -1) {
+                return 0;
+            }
 
-			if (this.limit === 0) {
-				return this.data.last_page;
-			}
+            if (this.limit === 0) {
+                return this.data.last_page;
+            }
 
-			var current = this.data.current_page,
-				last = this.data.last_page,
-				delta = this.limit,
-				left = current - delta,
-				right = current + delta + 1,
-				range = [],
-				pages = [],
-				l;
+            var current = this.data.current_page,
+                last = this.data.last_page,
+                delta = this.limit,
+                left = current - delta,
+                right = current + delta + 1,
+                range = [],
+                pages = [],
+                l;
 
-			for (var i = 1; i <= last; i++) {
-				if (i == 1 || i == last || (i >= left && i < right)) {
-					range.push(i);
-				}
-			}
+            for (var i = 1; i <= last; i++) {
+                if (i == 1 || i == last || (i >= left && i < right)) {
+                    range.push(i);
+                }
+            }
 
-			for (var i of range) {
-				if (l) {
-					if (i - l === 2) {
-						pages.push(l + 1);
-					} else if (i - l !== 1) {
-						pages.push('...');
-					}
-				}
-				pages.push(i);
-				l = i;
-			}
+            range.forEach(function (i) {
+                if (l) {
+                    if (i - l === 2) {
+                        pages.push(l + 1);
+                    } else if (i - l !== 1) {
+                        pages.push('...');
+                    }
+                }
+                pages.push(i);
+                l = i;
+            });
 
-			return pages;
-		}
-	}
+            return pages;
+        }
+    }
 };