Improve Subject Vue list and pagination

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');

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>