Subitens de rotas para MobileNavigation

[IhGori]

Resumo do problema

O componente MobileNavigation não consegue lidar corretamente com itens da barra de navegação que possuem subrotas (como ocorre no componente Sidebar).

Quando um item de navegação possui filhos (children), o MobileNavigation tenta realizar a navegação diretamente para uma rota que não existe ou não está definida corretamente, resultando no erro do Vue Router:

chunk-543UTXVO.js?v=2b721f9d:2658 Uncaught TypeError: Cannot read properties of null (reading 'state')
    at pushWithRedirect (vue-router.js?v=6dc8e4d8:1964:21)

Passos para reproduzir

Utilizar exemplo de estrutura:

const items = [
	{
		label: 'Início',
		icon: 'home-outline',
		type: 'route',
		ìtems: [
				{
					label: 'Categorias',
					route: {
						path: 'categories',
						name: 'index-categories',
					},
				},
            ],
	},

Como testar

1. Acessar a aplicação em modo mobile ou reduzir a largura da tela para exibir o componente MobileNavigation.
2. Clicar em um item da navegação que possui subrotas (ex.: item que no Sidebar expande e mostra opções internas).
3. Não é exibido as rotas subitens.

Qual o comportamento esperado?

• Funcionar como o componente SideBar que consegue mostrar subitems dos itens

[google-labs-jules]

Jules is on it. When finished, you will see another comment and be able to review a PR.

[google-labs-jules]

Ready for a review! A PR has been created.