Blog.vue

<template>
  <h1>Blog</h1>
  <button @click="globalEvent">Global Event</button>
</template>

<script>
import { inject } from "vue";
export default {
  name: "Blog",
  setup() {
    const emitter = inject("emitter")
    const globalEvent = () => {
      emitter.emit("blogLoaded", true)
    }
    return { globalEvent };
  }
}
</script>

Products.vue

<template>
  <h1>Products</h1>
</template>

<script>
import { inject, onMounted } from "vue";
export default {
  name: "Products",
  setup() {
    const emitter = inject("emitter")
    onMounted(() => {
      emitter.on("blogLoaded", (status) => {
        console.log("blog loaded")
        console.log(status)
      })
    })
  }
}
</script>