nuxt builds

apps/news-site/news-site-nuxt-pages-router/partials/Layout.vue

@@ -10,13 +10,18 @@ const id = ref(route.name === "index" ? "home" : route.name);
 const data = inject("data");
 const { alerts, links } = data.value;
 
-function updateShowMessage() {
+function handleOnChange() {
+    const url = route.path;
+    requestIdleCallback(() => {
+        window.dispatchEvent(new CustomEvent("route-change-complete", { detail: { url } }));
+    });
+
     showMessage.value = alerts[id]?.message ? true : false;
     id.value = route.name === "index" ? "home" : route.name;
 }
 
-onMounted(updateShowMessage);
-watch(() => route.path, updateShowMessage);
+onMounted(handleOnChange);
+watch(() => route.path, handleOnChange);
 
 const closeMessage = () => {
     showMessage.value = false;

apps/news-site/news-site-nuxt/partials/Layout.vue

@@ -9,12 +9,17 @@ const route = useRoute();
 const data = inject("data");
 const { alerts, links } = data.value;
 
-function updateShowMessage() {
+function handleOnChange() {
+    const url = route.path;
+    requestIdleCallback(() => {
+        window.dispatchEvent(new CustomEvent("route-change-complete", { detail: { url } }));
+    });
+
     showMessage.value = alerts[route.name]?.message ? true : false;
 }
 
-onMounted(updateShowMessage);
-watch(() => route.path, updateShowMessage);
+onMounted(handleOnChange);
+watch(() => route.path, handleOnChange);
 
 const closeMessage = () => {
     showMessage.value = false;

packages/tools/benchmark-connector/scripts/benchmark-connector.js

@@ -22,6 +22,7 @@ function sendMessage(message) {
 }
 
 window.addEventListener("route-change-complete", function(event){
+  console.log("route-change-complete", event.detail.url);
   sendMessage({ type: "route-change-complete", url: event.detail.url, appId });
 });