refactor(nc-gui): move shared-view postMessage into onMounted

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">