adding mitt to vue global properties

[MellianStudios]

hello im creating my inertia instance like this

require('./bootstrap');

import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/inertia-vue3';
import { InertiaProgress } from '@inertiajs/progress';
import mitt from 'mitt';

const emitter = mitt();

createInertiaApp({
    resolve: name => import(`./Pages/${name}`),
    setup({ el, app, props, plugin }) {
        createApp({ render: () => h(app, props) })
            .mixin({ methods: { route: window.route } })
            .use(plugin)
            .mount(el)
    },
})

InertiaProgress.init();

how can i add mitt to that ? obviously i cant chain .config.globalProperties.emitter = emitter

[RobertBoes]

The following should work

require('./bootstrap');

import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/inertia-vue3';
import { InertiaProgress } from '@inertiajs/progress';
import mitt from 'mitt';

const emitter = mitt();

createInertiaApp({
    resolve: name => import(`./Pages/${name}`),
    setup({ el, app: inertiaApp, props, plugin }) {
        const app = createApp({ render: () => h(inertiaApp, props) })
            .mixin({ methods: { route: window.route } })
            .use(plugin)

        app.config.globalProperties.emitter = emitter
        app.mount(el)
    },
})

InertiaProgress.init();

So, createApp() returns the Vue instance, save that to a variable const app = createApp(), then you can use that to set global properties and as a last step you mount it by calling app.mount(el)

[MellianStudios]

oh my god im so dump i was trying it with variable name app but i didnt notice its conflict from param so it didnt work