From 35ed6b376df6a3586b168a9c2fa39ef5ed84975a Mon Sep 17 00:00:00 2001
From: takuma-ru <kanekotakuma@team-lab.com>
Date: Thu, 9 May 2024 19:48:46 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Add=20cancel=20event=20listener?=
 =?UTF-8?q?=20to=20SwipeModal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/core/src/components/SwipeModal/SwipeModal.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/core/src/components/SwipeModal/SwipeModal.vue b/packages/core/src/components/SwipeModal/SwipeModal.vue
index 2c1406d..a12bd24 100644
--- a/packages/core/src/components/SwipeModal/SwipeModal.vue
+++ b/packages/core/src/components/SwipeModal/SwipeModal.vue
@@ -268,6 +268,10 @@ onMounted(() => {
 
 	modalRef.value.style.setProperty("bottom", `var(--${scopeName}-bottom)`);
 
+	modalRef.value.addEventListener("cancel", () => {
+		vModel.value = false;
+	});
+
 	if (!vModel.value) {
 		// モーダル内のエレメントを取得できるように display を none を無効化
 		modalRef.value.style.setProperty("display", "initial");
@@ -279,6 +283,9 @@ onUnmounted(() => {
 	removeCssVar("bottom");
 	removeCssVar("movementAmountY");
 	removeCssVar("snapPointPosition");
+
+	if (modalRef.value)
+		modalRef.value.removeEventListener("cancel", () => {});
 });
 </script>