Почему inject () возвращает значение ссылки из реактивного объекта вместо реактивной ссылки? ⇐ Javascript

[Anonymous]

Я работаю с API композиции Vue 3, и я пытаюсь предоставить рефери, который является частью реактивного объекта. Однако, когда я вводим его в дочерний компонент, я получаю необработанное значение, а не реактивную ссылку.const position = ref("right");

const imageSetup = reactive({
position
});

provide('position', imageSetup.position);
< /code>
Дочерний компонент: < /p>
const position = inject('position');
< /code>
Когда я получаю доступ к позиции у ребенка, это просто простой строка («справа») вместо рефери. Я теряю реакционную способность.
Если я предоставляю (положение) непосредственно, не обернув ее в реактивный объект, ребенок получает реактивный реф, и все работает нормально. Но я хочу не объявлять каждое состояние отдельно отдельно и вместо этого использовать один реактивный объект.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... stead-of-a