From 81d6776946abd7e3bd965abd35c4e6b60d048cff Mon Sep 17 00:00:00 2001
From: lavi <62757958+lavi27@users.noreply.github.com>
Date: Fri, 19 Jan 2024 13:41:29 +0900
Subject: [PATCH] =?UTF-8?q?style:=20Modal=20layout=EC=9D=84=20component?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EC=A0=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/modal.vue => components/Modal.vue |  0
 pages/dashboard/invite.vue                | 20 ++++++++++----------
 pages/dashboard/members.vue               | 12 ++++++------
 pages/dashboard/verify.vue                |  8 ++++----
 4 files changed, 20 insertions(+), 20 deletions(-)
 rename layouts/modal.vue => components/Modal.vue (100%)

diff --git a/layouts/modal.vue b/components/Modal.vue
similarity index 100%
rename from layouts/modal.vue
rename to components/Modal.vue
diff --git a/pages/dashboard/invite.vue b/pages/dashboard/invite.vue
index 6fe8671..c773273 100644
--- 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
index f9ba25f..d54d208 100644
--- 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
index 287eec4..7c944bd 100644
--- 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>