Inherited context

You can register overlays globally, which will inherit the application context for all popups.

// main.js
import { createApp } from 'vue'
import unoverlay from '@overlays/vue'

const app = createApp({})
app.use(unoverlay)

and you can also pass in the context with finer control.

import { getCurrentInstance } from 'vue-demi'
import Component from './overlay.vue'

// in your setup method
const { appContext } = getCurrentInstance()!
renderOverlay(Component, props, {
  appContext
})

Inherited context ​

Inherited context