Как работает provide/inject в Vue и когда его использовать?

provide/inject — механизм передачи данных от компонента-предка к любому потомку, минуя промежуточные уровни. Предок вызывает provide('key', value), потомок получает через const value = inject('key'). Это решает проблему prop drilling — когда пропсы приходится прокидывать через 5 уровней вложенности, хотя они нужны только в самом глубоком компоненте.