Такой вопрос: как мне правильно прослушать событие filterUsers, если в компоненте FirstComponent мне нужно вызвать этот метод?
<FirstComponent>
 <SecondComponent>
   <template #default="{ filterUsers }">
     <SomeOtherComponent
       @change="filterUsers"
     />
   </template>
 </SecondComponent>
</FirstComponent>

SecondComponent:
<div>
 <slot :filterUsers="filter"></slot>
</div>

То есть сейчас у меня событие filterUsers прослушивается, но в компоненте FirstComponent метод уже не вызывается

ой, там я :}

Дак да, бутстрап же так же подключают видел, а потом кнопочки меняют в скопед, где применяли общие классы

Мам, я в телевизоре

read/writeFragment то доделал? :)

Это Илья мне писал :))

Это я доделал

А то от управления локальным состоянием в аполло у меня волосы дыбом встают

Нет, привязка нужна явная. Через bind или замыкание, например:
mounted(){
  const _this = this;
   window.addEventListener("select-item", (event) => {
       _this.selectedItem = event.detail;
   });
}

так точно не надо

как минимум потому, что вы потом не удалите этот обработчик

Здается мне наоборот: event.detail= _this.selectedItem

Как Вам такой вариант?

methods: {
 updateSelectedItem(event) {
   this.selectedItem = event.detail;
 },
},
mounted(){
   const handler = this.updateSelectedItem.bind(this);
   window.addEventListener("select-item", (event) => {
       handler(event);
   });
}

точно так же, функция анонимная, ее не удалить

а вот сендбокс, в котором и стрелка, и метод работают

Точно )

methods: {
 updateSelectedItem(event) {
   this.selectedItem = event.detail;
 },
},
mounted(){
   const handler = this.updateSelectedItem.bind(this);
   window.addEventListener("select-item", handler);
}

Вроде, так

нет, bind создаст новую функцию

и он там не нужен вообще

по-моему Илья говорил, что вью автоматически биндит свои методы