laravel/laravel

Hey Folks,

In a previous version of Laravel Jetstream I was able to add a global event bus using mitt, like so:

const el = document.getElementById('app');

const app = createApp({
    render: () =>
        h(InertiaApp, {
            initialPage: JSON.parse(el.dataset.page),
            resolveComponent: (name) => {
                const page = require(`./Pages/${name}`).default

                page.eventBus = mitt()

                return page
            },
        }),
})
    .mixin({ methods: { route } })
    .use(InertiaPlugin)
    .mount(el);

app.$.appContext.config.globalProperties.eventBus = mitt()

But in the latest version, the way the Inertia app is created has changed, and I'm a bit stumped on how I can achieve the same thing. Has anyone done this before?

Here's the latest code from Jetstream:

const appName = window.document.getElementsByTagName('title')[0]?.innerText || 'Laravel';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => require(`./Pages/${name}.vue`),
    setup({ el, app, props, plugin }) {
        return createApp({ render: () => h(app, props)})
            .use(plugin)
            .mixin({ methods: { route } })
            .mount(el);
    },
});