Как записывать данные в provide/inject асинхронно?

У меня есть page, на которой инициализируются данные через async fecth:

async fetch() {
const res = await requestApi(this, '/database');
this.sliderData = res.homeSlider;
this.modelData = res.model;
... }

Далее эти данные прокидываются в дочерние компоненты через пропсы, но так как есть дочерние компоненты 3-4 уровня, становится не удобным использовать пропсы с page. Есть ли возможность в данном случае использовать provide/inject? Причём важно, чтобы передаваемые данные были реактивны. С запроса всегда приходят объекты. При попытке использовать provide/inject

provide() {
return {
  sliderData: this.sliderData
};
},

Данные не успевали инициализироваться и отправлялся пустой объект