Persistent layout is mounted after child components. Is there a way to change this behavior?

[mgsmus]

Hello

Persistent layout is mounted after child components. Because of this, I cannot load something inside persistent layout to use inside child components. Is there a way to change this behavior? I'm using vuex to solve this issue right now but I'm not happy with it:

mutations: {
    // Make sure google maps stored on first request
    reloadIfMapNotLoaded(state) {
        if (!state.googleMap) {
            Inertia.visit(window.location.href)
            // The map now can be accessed via store.getters.googleMap inside child components
        }
    },

I need that googleMap inside the child component but cannot access it because it does load after the child component mounted. I have to initialize inside the persistent layout because it's the only way to keep alive a component in Inertia right now.

Any feedback would be appreciated.

[mgsmus]

Found a reasonable way:

<div v-if="mapLoaded">
    <slot/>
</div>

watch(() => store.getters.googleMap,(curr, prev) => {
    mapLoaded.value = true
})

but still looking a way to mount persistent layout first.