You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
import type { InjectionKey } from 'vue'
|
|
|
|
|
|
|
|
export function useInjectionState<Arguments extends any[], Return>(
|
|
|
|
composable: (...args: Arguments) => Return,
|
|
|
|
keyName = 'InjectionState',
|
|
|
|
): readonly [useInjectionState: (...args: Arguments) => Return, useInjectedState: () => Return | undefined] {
|
|
|
|
const key: string | InjectionKey<Return> = Symbol(keyName)
|
|
|
|
|
|
|
|
const useProvidingState = (...args: Arguments) => {
|
|
|
|
const providedState = composable(...args)
|
|
|
|
|
|
|
|
provide(key, providedState)
|
|
|
|
|
|
|
|
return providedState
|
|
|
|
}
|
|
|
|
|
|
|
|
const useInjectedState = () => inject(key, undefined)
|
|
|
|
|
|
|
|
return [useProvidingState, useInjectedState]
|
|
|
|
}
|