[Предупреждение Vue]: Неизвестный пользовательский элемент: ‹элемент панели вкладок› — вы правильно зарегистрировали компонент? Для рекурсивных компонентов

Подстрока item должна быть написана с заглавной буквы до Item :

name:'TabBarItem'

и в App.vue:

import TabBarItem from  ...

...

components:{
 TabBarItem,TabBar
}

поскольку tab-bar-item ожидает компонент с именем TabBarItem, он преобразует PascalCase в kebab-case