Почему не получается передать пользовательское событие родительскому компоненту?

Из того, что первым приходит в голову:
Передавать по цепочке вверх, пока не доберемся до нужного.

Использовать глобальную шину событий. (Часто бывает плохим решением)

Использовать менеджер состояний.

Если на vue3 - использовать provide/inject.

Каждый из способов имеет свои плюсы и минусы, сначала надо почитать.