♻️ [refactor] : 생성 / 수정 시 텍스트 표시 구분

Author: seorang42

src/components/task-management/CategoryAdd.vue

@@ -4,14 +4,14 @@
       :is-open="isModalVisible.add"
       type="successType"
       @close="handleAddModal">
-      <template #header>카테고리가 등록되었습니다</template>
+      <template #header>카테고리가 {{ route.params.id ? '수정' : '등록' }}되었습니다</template>
     </ModalView>
     <ModalView
       :is-open="isModalVisible.cancel"
       type="warningType"
       @close="handleCancelModal"
       @click="handleGoBack">
-      <template #header>생성을 취소 하시겠습니까?</template>
+      <template #header>{{ route.params.id ? '수정' : '생성' }}을 취소 하시겠습니까?</template>
       <template #body>작성하신 내용은 사라집니다</template>
     </ModalView>
     <ModalView
@@ -42,7 +42,7 @@
       :handle-cancel="handleCancel"
       :handle-submit="handleSubmit"
       cancel-text="취소"
-      submit-text="생성" />
+      :submit-text="route.params.id ? '수정' : '등록'" />
   </div>
 </template>
 

src/views/CategoryFirstAdd.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="form-view-container">
-    <TitleBar title="1차 카테고리 생성" />
+    <TitleBar :title="`1차 카테고리 ${$route.params.id ? '수정' : '등록'}`" />
     <CategoryAdd categoryStep="1" />
   </div>
 </template>
@@ -9,5 +9,3 @@
 import TitleBar from '@/components/TitleBar.vue'
 import CategoryAdd from '../components/task-management/CategoryAdd.vue'
 </script>
-
-<style scoped></style>

src/views/CategorySecondAdd.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="form-view-container">
-    <TitleBar title="2차 카테고리 생성" />
+    <TitleBar :title="`2차 카테고리 ${$route.params.id ? '수정' : '등록'}`" />
     <CategoryAdd categoryStep="2" />
   </div>
   <div class="w-full bg-body"></div>
@@ -10,5 +10,3 @@
 import TitleBar from '@/components/TitleBar.vue'
 import CategoryAdd from '../components/task-management/CategoryAdd.vue'
 </script>
-
-<style scoped></style>