From 7b1642c0c2303b6e810f6222232e359f3a6cfecb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EC=A4=80=ED=9D=A0?= <choi.jh@prime-idc.jp>
Date: Tue, 30 Aug 2022 16:20:06 +0900
Subject: [PATCH] =?UTF-8?q?Vue2=5FFrontend=20=EC=88=98=EC=A0=951...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/todo/ListComponent.vue | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/components/todo/ListComponent.vue b/src/components/todo/ListComponent.vue
index c092f63..2413e5e 100644
--- a/src/components/todo/ListComponent.vue
+++ b/src/components/todo/ListComponent.vue
@@ -117,17 +117,20 @@
           <p>{{ selectedRows }}</p>
         </b-col>
         <b-col>
-          <template>
-            <b-pagination
-              v-model="currentPage"
-              :total-rows="total"
-              :per-page="perPage"
-              @page-click="pageClick"
-              aria-controls="todoTable"
-              size="lg"
-              class="justify-content-center"
-            ></b-pagination>
-          </template>
+          <b-pagination
+            v-model="currentPage"
+            :total-rows="total"
+            :per-page="perPage"
+            @page-click="pageClick"
+            last-number
+            aria-controls="todoTable"
+            class="justify-content-center"
+          >
+            <template #page="{ page, active }">
+              <b v-if="active">{{ page }}</b>
+              <i v-else>{{ page }}</i>
+            </template>
+          </b-pagination>
         </b-col>
         <b-col>
           <b-input-group class="justify-content-end">