Skip to main content
Componente de busca do header. Exibe um input que, ao ser digitado, consulta a Search API e exibe uma lista de sugestões de produtos em dropdown. As últimas pesquisas são cacheadas localmente para respostas mais rápidas.

​
Uso

<search-bar />

​
Observações

  • Não recebe props — consome o estado do header e os dados do lojista via Vuex.
  • A visibilidade é controlada pelo estado header.showSearchBar no Vuex.
  • Suporta navegação pelas sugestões com as teclas ↑, ↓ e Enter.
  • Usa cacheMixin para armazenar resultados recentes e evitar chamadas redundantes à API.