Собственно взаимодействие меж несвязанными компонентами осущетвляется следующими способами:
1. В простых случаях обычный vue-flow: вверх до общего родителя события через
$emit
и
@on
, вниз
props
.
2. Общее хранилище в рамках всего приложения:
pinia,
vuex.
3. Для связки детей которые не могут жить без конкретного родителя можно использовать:
provide \ inject.
4. Для плотной связки единичных компонентов: просто отдельный
reactive объект импортируемый в нужных компонентах. (использовать осторожно при SSR)
Конкретно тебе, похоже, нужен п.2.