Function provide()

Provides a value that can be injected by
descendant components.

function provide<T>(key: InjectionKey<T> | string, value: T): void

<script setup>
import { ref, provide } from 'vue'
import { fooSymbol } from './injectionSymbols'

// provide static value
provide('foo', 'bar')

// provide reactive value
const count = ref(0)
provide('count', count)

// provide with Symbol keys
provide(fooSymbol, count)
</script>