boilerplate-frontend/renderer/usePageContext.ts

// `usePageContext` allows us to access `pageContext` in any Vue component.
// See https://vike.dev/pageContext-anywhere

import { inject } from 'vue'
import type { App, InjectionKey } from 'vue'
import { PageContext } from './types'

export { usePageContext }
export { setPageContext }

const key: InjectionKey<PageContext> = Symbol()

function usePageContext() {
    const pageContext = inject(key)
    if (!pageContext) throw new Error('setPageContext() not called in parent')
    return pageContext
}

function setPageContext(app: App, pageContext: PageContext) {
    app.provide(key, pageContext)
}