From b5fe3e894b331501d5ac7c0aac918ad8653df929 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Tue, 25 Jun 2024 21:08:58 +0900
Subject: [PATCH] lint
---
packages/frontend/src/components/MkEmbedCodeGenDialog.vue | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/packages/frontend/src/components/MkEmbedCodeGenDialog.vue b/packages/frontend/src/components/MkEmbedCodeGenDialog.vue
index 89494ea2bf..5513930c6c 100644
--- a/packages/frontend/src/components/MkEmbedCodeGenDialog.vue
+++ b/packages/frontend/src/components/MkEmbedCodeGenDialog.vue
@@ -197,6 +197,7 @@ function iframeOnLoad() {
});
});
}
+
function windowEventHandler(event: MessageEvent) {
if (event.source !== iframeEl.value?.contentWindow) {
return;
@@ -217,6 +218,7 @@ function windowEventHandler(event: MessageEvent) {
});
}
}
+
function calcScale() {
if (!resizerRootEl.value) return;
const previewWidth = resizerRootEl.value.clientWidth - 40; // 左右の余白 20pxずつ
@@ -225,15 +227,18 @@ function calcScale() {
const scale = Math.min(previewWidth / iframeWidth, previewHeight / iframeHeight.value, 1); // 拡大はしない
iframeScale.value = scale;
}
+
onMounted(() => {
window.addEventListener('message', windowEventHandler);
if (!resizerRootEl.value) return;
resizeObserver.observe(resizerRootEl.value);
});
+
onDeactivated(() => {
window.removeEventListener('message', windowEventHandler);
resizeObserver.disconnect();
});
+
onUnmounted(() => {
window.removeEventListener('message', windowEventHandler);
resizeObserver.disconnect();