injectLocal

Category

State

Export Size

229 B

Last Changed

4 weeks ago

Extended inject with ability to call provideLocal to provide the value in the same component.

Usage

<script setup>
import { injectLocal, provideLocal } from '@vueuse/core'

provideLocal('MyInjectionKey', 1)
const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
</script>

Type Declarations

/**
 * On the basis of `inject`, it is allowed to directly call inject to obtain the value after call provide in the same component.
 *
 * @example
 * ```ts
 * injectLocal('MyInjectionKey', 1)
 * const injectedValue = injectLocal('MyInjectionKey') // injectedValue === 1
 * ```
 */
export declare const injectLocal: typeof inject

Source

Source • Docs

Contributors

Anthony Fu

ZHAO Jin-Xiang

Anthony Fu

Changelog

v12.1.0 on 12/22/2024

b08a9 - fix: allow inject to app context

v12.0.0-beta.1 on 11/21/2024

0a9ed - feat!: drop Vue 2 support, optimize bundles and clean up (#4349)

v10.5.0 on 10/7/2023

cf757 - fix: vue 2 support for provideLocal and injectLocal (#3464)

5d948 - feat(createInjectionState): allow provide and inject in same component (#3387)