Melhorando a navegação

Introdução

O navigation.json tem uma série de funcionalidades que podem melhorar a relevância e navegação da sua aplicação, neste passo aprenderemos como definir uma mensagem de título e criar keywords.

Atividade

1. No passo anterior usamos o titleId: admin-example.navigation.label, para atribuir um valor textual a essa chave, precisamos na pasta messages, nos três arquivos de idioma, escrever o valor correspondente:

/messages/pt.json

{
  "admin-example.navigation.label": "Treinamento de IO"
}

/messages/en.json

{
  "admin-example.navigation.label": "IO Training"
}

/messages/es.json

{
  "admin-example.navigation.label": "Entrenamiento de IO"
}

Feito isso, conseguimos agora ver uma mensagem traduzível para o menu que criamos:

2. Adicione keywords para tornar mais simples a busca pela sua aplicação:

/admin/navigation.json

{
  ...
+ "searchKeyWordsHelpers": "admin-example.navigation.search.kws"
}

3. Analogamente, crie as mensagens para as keywords, separadas por vírgulas:

/messages/pt.json

{
  "admin-example.navigation.label": "Treinamento de IO",
+ "admin-example.navigation.search.kws": "mock, test, treinamento, io"
}

/messages/en.json

{
  "admin-example.navigation.label": "IO Training",
+ "admin-example.navigation.search.kws": "mock, test, training, io"
}

/messages/es.json

{
  "admin-example.navigation.label": "Entrenamiento de IO",
+ "admin-example.navigation.search.kws": "mock, test, entrenamiento, io"
}

Está com dúvidas?

Veja o gabarito para esta etapa ou acompanhe nosso [office hours] no canal VTEX Developers(https://www.youtube.com/c/VTEXDevelopers)