Изменения Ember Observer между компонентами

Йо, всем!

Я борюсь с некоторыми проблемами, по которым не могу найти масштабируемые решения.

ЦЕЛЬ: Я использую Discourse Retort, поэтому модифицирую класс с помощью Plugin API. Моя главная задача — реагировать на событие emojiSelected, которое срабатывает при выборе пользователем эмодзи:

emojiPicker.onclick = (e) => { ....

То, что я пытаюсь сделать, — это манипулировать данными между компонентами. Идея следующая:

  • Выборщик эмодзи выбирает эмодзи
  • Мой компонент слушает изменения данных
  • И в зависимости от изменений применяет к этим данным свою логику

ПОПЫТКИ, КОТОРЫЕ Я УЖЕ ДЕЛАЛ:

  • Пробовал использовать appEvents: удалось вызвать событие внутри другого компонента, но мой компонент на начальной странице инициализируется около 20 раз, и его область видимости теряется по пути.
  • Сейчас пытаюсь использовать Ember.service.
  • Понимаю, что речь идёт о состояниях компонентов, таких как наблюдатели (observers) и вычисляемые свойства (computed properties), но пока не могу найти решение.

Надеюсь, вы сможете мне помочь!

(Возможно, мне придётся уделить время изучению Ember.js, йоу)

Благодарю за помощь!
С наилучшими пожеланиями,
Фелипе