From 3da5840e8b485cf9175ff7e40f6744d4922052d3 Mon Sep 17 00:00:00 2001
From: jieun <ljieun9005@gmail.com>
Date: Tue, 20 Oct 2026 20:02:36 +0900
Subject: [PATCH] Improve Subject Vue list and pagination

---
 src/main/webapp/app/entities/subject/subject.component.ts | 2 +-
 src/main/webapp/app/entities/subject/subject.vue          | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/main/webapp/app/entities/subject/subject.component.ts b/src/main/webapp/app/entities/subject/subject.component.ts
index 69426a0..296fdd3 100644
--- a/src/main/webapp/app/entities/subject/subject.component.ts
+++ b/src/main/webapp/app/entities/subject/subject.component.ts
@@ -13,7 +13,7 @@ export default defineComponent({
     const subjectService = inject('subjectService', () => new SubjectService());
     const alertService = inject('alertService', () => useAlertService(), true);
 
-    const itemsPerPage = ref(20);
+    const itemsPerPage = ref(10);
     const queryCount: Ref<number> = ref(null);
     const page: Ref<number> = ref(1);
     const propOrder = ref('id');
diff --git a/src/main/webapp/app/entities/subject/subject.vue b/src/main/webapp/app/entities/subject/subject.vue
index af748d0..51ff584 100644
--- a/src/main/webapp/app/entities/subject/subject.vue
+++ b/src/main/webapp/app/entities/subject/subject.vue
@@ -52,7 +52,7 @@
             <td>
               <router-link :to="{ name: 'SubjectView', params: { subjectId: subject.id } }">{{ subject.id }}</router-link>
             </td>
-            <td>{{ subject.name }}</td>
+            <td>📘{{ subject.name }}</td>
             <td>{{ subject.description }}</td>
             <td>{{ subject.active }}</td>
             <td class="text-end">
@@ -106,7 +106,11 @@
         <jhi-item-count :page="page" :total="queryCount" :items-per-page="itemsPerPage"></jhi-item-count>
       </div>
       <div class="d-flex justify-content-center">
-        <b-pagination size="md" :total-rows="totalItems" v-model="page" :per-page="itemsPerPage"></b-pagination>
+        <p>전체 과목 수: {{ totalItems }}개</p>
+      </div>
+
+      <div class="d-flex justify-content-center">
+        <b-pagination :total-rows="totalItems" v-model="page" :per-page="itemsPerPage"></b-pagination>
       </div>
     </div>
   </div>