feat(pagination): use ole-pagination

Author: devopsmariocom

src/views/ItemList.vue

@@ -1,12 +1,20 @@
 <template>
   <ole-section>
-    <div class="news-list-nav">
-      <router-link v-if="page > 1" :to="'/' + type + '/' + (page - 1)">&lt; prev</router-link>
-      <a v-else class="disabled">&lt; prev</a>
-      <span>{{ page }}/{{ maxPage }}</span>
-      <router-link v-if="hasMore" :to="'/' + type + '/' + (page + 1)">more &gt;</router-link>
-      <a v-else class="disabled">more &gt;</a>
-    </div>
+    <ole-columns>
+      <ole-column>
+        <ole-pagination>
+          <router-link tag="ole-pagination-link" v-if="page > 1" :to="'/' + type + '/' + (page - 1)">
+            Prev
+          </router-link>
+          <ole-pagination-link current disabled>{{ page }}</ole-pagination-link>
+          <ole-pagination-ellipsis></ole-pagination-ellipsis>
+          <ole-pagination-link>{{ maxPage }}</ole-pagination-link>
+          <router-link tag="ole-pagination-link" v-if="hasMore" :to="'/' + type + '/' + (page + 1)">
+            Next
+          </router-link>
+        </ole-pagination>
+      </ole-column>
+    </ole-columns>
     <ole-container :key="displayedPage" v-if="displayedPage > 0">
       <item v-for="item in displayedItems" :key="item.id" :item="item">
       </item>