[Feature Request] Allow globalStack to be shared across multiple dynamically loaded Vuetify apps

[SoheilHasankhani]

Problem to solve

When dynamically loading Vuetify apps from different bundles, each bundle creates its own instance of the globalStack in packages/vuetify/src/composables/stack.ts. As a result, when a dialog is created in one bundle (Bundle A), it is unaware of the dialogs or overlays created in another bundle (Bundle B). This leads to stacking conflicts where overlays or other UI elements in one bundle may hide under dialogs in another bundle, breaking the expected z-index behavior.

This issue occurs because there is no mechanism to control or share the globalStack between multiple Vuetify apps across bundles.

Proposed solution

Introduce an option to pass a shared instance of globalStack when creating a Vuetify app. This would allow multiple dynamically loaded Vuetify apps to share a common globalStack and avoid the stacking conflicts currently observed.

Example implementation:

createVuetify({
  globalStack: sharedGlobalStackInstance
})

This change would allow for consistent handling of z-index and overlay stacking across dialogs and other components, even when apps are loaded from separate bundles.