From ac0276f0029aa6269231a909a58d51bfed4fa693 Mon Sep 17 00:00:00 2001
From: Denis <dols3m@gmail.com>
Date: Mon, 26 Sep 2022 21:05:42 -0500
Subject: [PATCH] refactor(nc-gui): move shared-view postMessage into onMounted

---
 packages/nc-gui/layouts/shared-view.vue | 36 +++++++++++++------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/packages/nc-gui/layouts/shared-view.vue b/packages/nc-gui/layouts/shared-view.vue
index 0841c8d6c1..d3c7ae4e42 100644
--- a/packages/nc-gui/layouts/shared-view.vue
+++ b/packages/nc-gui/layouts/shared-view.vue
@@ -1,26 +1,28 @@
 <script lang="ts" setup>
-import { useRouter } from 'vue-router'
-import { navigateTo } from '#app'
+import { navigateTo, useEventListener, useRouter } from '#imports'
 const { isLoading, currentVersion } = useGlobal()
 const { sharedView } = useSharedView()
 const router = useRouter()
 
-if (window.parent !== window) {
-  const notifyLocationChange = (value: string) =>
-    window.parent.postMessage(
-      {
-        event: 'locationchange',
-        payload: { value },
-      },
-      '*',
-    )
+onMounted(() => {
+  // check if we are inside an iframe
+  if (window.parent !== window) {
+    const notifyLocationChange = (value: string) =>
+      window.parent.postMessage(
+        {
+          event: 'locationchange',
+          payload: { value },
+        },
+        '*',
+      )
 
-  router.afterEach((to) => notifyLocationChange(location.origin + to.fullPath))
-  window.addEventListener('beforeunload', () => {
-    const { href } = document.activeElement as { href?: string }
-    if (href) notifyLocationChange(href)
-  })
-}
+    router.afterEach((to) => notifyLocationChange(location.origin + to.fullPath))
+    useEventListener(window, 'beforeunload', () => {
+      const { href } = document.activeElement as { href?: string }
+      if (href) notifyLocationChange(href)
+    })
+  }
+})
 </script>
 
 <script lang="ts">