From fa47f34f04aca138f0af2019eca984eeaae936a0 Mon Sep 17 00:00:00 2001
From: Miikro <kriim666@gmail.com>
Date: Wed, 7 Jun 2017 16:06:07 -0500
Subject: [PATCH 1/2] Add page item class to li

---
 src/laravel-vue-pagination.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/laravel-vue-pagination.js b/src/laravel-vue-pagination.js
index fbf6879..005393f 100644
--- a/src/laravel-vue-pagination.js
+++ b/src/laravel-vue-pagination.js
@@ -23,11 +23,11 @@ module.exports = {
 	},
 
 	template: '<ul class="pagination" v-if="data.total > data.per_page">\
-		<li v-if="data.prev_page_url">\
+		<li class="page-item" v-if="data.prev_page_url">\
 			<a href="#" aria-label="Previous" @click.prevent="selectPage(--data.current_page)"><span aria-hidden="true">&laquo;</span></a>\
 		</li>\
-		<li v-for="n in getPages()" :class="{ \'active\': n == data.current_page }"><a href="#" @click.prevent="selectPage(n)">{{ n }}</a></li>\
-		<li v-if="data.next_page_url">\
+		<li class="page-item" v-for="n in getPages()" :class="{ \'active\': n == data.current_page }"><a href="#" @click.prevent="selectPage(n)">{{ n }}</a></li>\
+		<li class="page-item" v-if="data.next_page_url">\
 			<a href="#" aria-label="Next" @click.prevent="selectPage(++data.current_page)"><span aria-hidden="true">&raquo;</span></a>\
 		</li>\
 	</ul>',

From 6962a6060b34f4ddbae4697a5feb1333adb40db2 Mon Sep 17 00:00:00 2001
From: Miikro <kriim666@gmail.com>
Date: Wed, 7 Jun 2017 16:29:52 -0500
Subject: [PATCH 2/2] Add page link class to a

---
 src/laravel-vue-pagination.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/laravel-vue-pagination.js b/src/laravel-vue-pagination.js
index 005393f..c62d108 100644
--- a/src/laravel-vue-pagination.js
+++ b/src/laravel-vue-pagination.js
@@ -24,11 +24,11 @@ module.exports = {
 
 	template: '<ul class="pagination" v-if="data.total > data.per_page">\
 		<li class="page-item" v-if="data.prev_page_url">\
-			<a href="#" aria-label="Previous" @click.prevent="selectPage(--data.current_page)"><span aria-hidden="true">&laquo;</span></a>\
+			<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 href="#" @click.prevent="selectPage(n)">{{ n }}</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 href="#" aria-label="Next" @click.prevent="selectPage(++data.current_page)"><span aria-hidden="true">&raquo;</span></a>\
+			<a class="page-link" href="#" aria-label="Next" @click.prevent="selectPage(++data.current_page)"><span aria-hidden="true">&raquo;</span></a>\
 		</li>\
 	</ul>',