style: Modal layout을 component로 이전

NGuard-Security · Jan 19, 2024 · 81d6776 · 81d6776
1 parent c39f6fd
commit 81d6776
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 20 deletions.
diff --git a/layouts/modal.vue → components/Modal.vue b/layouts/modal.vue → components/Modal.vue
diff --git a/pages/dashboard/invite.vue b/pages/dashboard/invite.vue
@@ -110,7 +110,7 @@
       </button>
     </NuxtLayout>
 
-    <NuxtLayout name="modal" :modalName="MODAL.permission">
+    <Modal :modalName="MODAL.permission">
       <h2>
         <!-- 한디리에서 봇을 추천해주세요 -->
         {{ $t('invite.permissionModal.title') }}
@@ -134,9 +134,9 @@
           {{ $t('common.modal.btns.confirm') }}
         </a>
       </div>
-    </NuxtLayout>
+    </Modal>
 
-    <NuxtLayout name="modal" :modalName="MODAL.premiereOnly">
+    <Modal :modalName="MODAL.premiereOnly">
       <h2>
         <!-- 프리미어 플랜에서만 이용하실 수 있습니다. -->
         {{ $t('invite.premiereOnlyModal.title') }}
@@ -153,9 +153,9 @@
           {{ $t('common.modal.btns.confirm') }}
         </a>
       </div>
-    </NuxtLayout>
+    </Modal>
 
-    <NuxtLayout name="modal" :modalName="MODAL.customDomain">
+    <Modal :modalName="MODAL.customDomain">
       <h2>
         <!-- DNS 설정을 완료하셨나요? -->
         {{ $t('invite.customDomainModal.title') }}
@@ -181,9 +181,9 @@
           {{ $t('common.modal.btns.confirm') }}
         </a>
       </div>
-    </NuxtLayout>
+    </Modal>
 
-    <NuxtLayout name="modal" :modalName="MODAL.success">
+    <Modal :modalName="MODAL.success">
       <h2>
         <!-- 성공적으로 저장했습니다! -->
         {{ $t('common.modal.saved') }}
@@ -204,9 +204,9 @@
         {{ $t('common.modal.closeInfo') }}
       </div>
       <div class="btns"></div>
-    </NuxtLayout>
+    </Modal>
 
-    <NuxtLayout name="modal" :modalName="MODAL.failed">
+    <Modal :modalName="MODAL.failed">
       <h2>
         <!-- 저장 중 오류가 발생했습니다. -->
         {{ $t('common.errorModal.title') }}
@@ -221,7 +221,7 @@
         {{ $t('common.modal.closeInfo') }}
       </div>
       <div class="btns"></div>
-    </NuxtLayout>
+    </Modal>
   </main>
 </template>
 

diff --git a/pages/dashboard/members.vue b/pages/dashboard/members.vue
@@ -49,7 +49,7 @@
       </ul>
     </NuxtLayout>
 
-    <NuxtLayout name="modal" :modalName="MODAL.reconfirmBlackList">
+    <Modal :modalName="MODAL.reconfirmBlackList">
       <h2 v-if="tempBlockUserId">
         <!-- {{ processBlackList.nickName }}님을 블랙리스트에 등록하시겠어요? -->
         {{ $t('members.modal1.title').replace('{Place}', memberMap[tempBlockUserId].nickName) }}
@@ -68,9 +68,9 @@
           {{ $t('common.modal.btns.cancel') }}
         </a>
       </div>
-    </NuxtLayout>
+    </Modal>
 
-    <NuxtLayout name="modal" :modalName="MODAL.reconfirmRemoveBlackList">
+    <Modal :modalName="MODAL.reconfirmRemoveBlackList">
       <h2 v-if="tempBlockUserId">
         <!-- {{ processBlackList.nickName }}님을 블랙리스트에서 삭제하시겠어요? -->
         {{ $t('members.modal2.title').replace('{Place}', memberMap[tempBlockUserId].nickName) }}
@@ -90,9 +90,9 @@
           {{ $t('common.modal.btns.cancel') }}
         </a>
       </div>
-    </NuxtLayout>
+    </Modal>
 
-    <NuxtLayout name="modal" :modalName="MODAL.failed">
+    <Modal :modalName="MODAL.failed">
       <h2>
         <!-- 저장 중 오류가 발생했습니다. -->
         {{ $t('common.errorModal.title') }}
@@ -107,7 +107,7 @@
         {{ $t('common.modal.closeInfo') }}
       </div>
       <div class="btns"></div>
-    </NuxtLayout>
+    </Modal>
   </main>
 </template>
 

diff --git a/pages/dashboard/verify.vue b/pages/dashboard/verify.vue
@@ -47,7 +47,7 @@
       </button>
     </NuxtLayout>
 
-    <NuxtLayout name="modal" :modalName="MODAL.success">
+    <Modal :modalName="MODAL.success">
       <h2>
         {{ $t('common.modal.saved') }}
         <!-- 성공적으로 저장했습니다! -->
@@ -70,9 +70,9 @@
         {{ $t('common.modal.closeInfo') }}
       </div>
       <div class="btns"></div>
-    </NuxtLayout>
+    </Modal>
 
-    <NuxtLayout name="modal" :modalName="MODAL.failed">
+    <Modal :modalName="MODAL.failed">
       <h2>
         <!-- 저장 중 오류가 발생했습니다. -->
         {{ $t('common.errorModal.title') }}
@@ -87,7 +87,7 @@
         {{ $t('common.modal.closeInfo') }}
       </div>
       <div class="btns"></div>
-    </NuxtLayout>
+    </Modal>
   </main>
 </template>