Какие проблем решает DI во фреймворках типа Vue?

Почитал про DI , про Dependency Inverse, про контейнер, реализуемые с помощью Inversify, и в примерах, описанных в статьях и видео DI отлично ложится на ООП, и как понятно из описания Inverify является framework agnostic, однако я посмотрел на реализации его внедрения в Vue 3, и не могу понять, зачем он там нужен? Какую проблему решает? Изоляция механизмов использования библиотек в компонентах интерфейсами? Или проблему глобальнх плагинов типа стейт менеджеров, vuex/pinia? Или мб вынос апи сервисов в контейнеры?

Плюс ко всему заметил, что все реализации inversify так или иначе используют vue-class-component, я так понимаю, что вне ООП DI контейнеры не очень то и понятно зачем нужны (на самом деле вопрос так себе, ибо DI в целом подразумевается как паттерн в ООП парадигме)

Спасибо, всем кто поможет с этим вопросом заранее