{
  "examples": {
    "hero": {
      "badge": "Aprenda com Exemplos",
      "title": "Exemplos",
      "subtitle": "Padrões do mundo real que você vai realmente usar em produção — em HTML puro."
    },
    "login": {
      "badge": "Intermediário",
      "title": "Login com JWT",
      "desc": "Um fluxo completo de login: validação de formulário, POST para endpoint de autenticação, salvar o JWT em um store global e anexar automaticamente o token a cada requisição subsequente via interceptor de request.",
      "signIn": "Entrar",
      "previewHint": "Preencha ambos os campos para testar a pré-visualização interativa",
      "signedIn": "Conectado!",
      "signOut": "Sair",
      "emailLabel": "E-mail",
      "passwordLabel": "Senha"
    },
    "dashboard": {
      "badge": "Intermediário",
      "title": "Rota Protegida & Validação de Token",
      "desc": "Uma rota protegida pelo auth store, combinada com um <strong>interceptor de response</strong> que atua como um script de controle: a cada chamada de API, se o servidor retorna <code>401</code> ou <code>403</code>, o token é invalidado e o usuário é redirecionado para o login automaticamente — sem código extra na própria rota.",
      "welcome": "Bem-vinda de volta, Jane",
      "activeSession": "● Sessão ativa",
      "requestsToday": "Requisições hoje",
      "errorRate": "Taxa de erros",
      "uptime": "Uptime",
      "activeUsers": "Usuários ativos",
      "interceptorNote": "Se qualquer requisição retornar <code>401</code> ou <code>403</code>, o interceptor limpa o token e redireciona para <code>/login</code> automaticamente."
    },
    "search": {
      "badge": "Iniciante",
      "title": "Busca em Tempo Real",
      "desc": "Um input de busca instantânea que dispara uma requisição GET com debounce a cada tecla digitada, renderizando resultados reativamente. Sem <code>addEventListener</code>, sem <code>setTimeout</code>, sem manipulação do DOM.",
      "noResults": "Sem resultados"
    },
    "cart": {
      "badge": "Intermediário",
      "title": "Carrinho de Compras",
      "desc": "Um store global compartilhado entre uma lista de produtos e um badge de carrinho — em diferentes partes da página. Quando um produto é adicionado, o badge e o resumo do carrinho atualizam simultaneamente, sem event bus ou componente compartilhado.",
      "products": "Produtos",
      "cartLabel": "Carrinho",
      "total": "Total",
      "addHint": "Adicione um produto para ver o carrinho"
    },
    "polling": {
      "badge": "Iniciante",
      "title": "Polling em Tempo Real",
      "desc": "Um painel de status do servidor que atualiza automaticamente a cada 5 segundos usando o atributo <code>refresh</code>. Estilização condicional reage instantaneamente ao estado de saúde atual — sem <code>setInterval</code>, sem loop de <code>fetch</code>.",
      "serverStatus": "Status do Servidor",
      "cpu": "CPU",
      "reqPerSec": "Req/s",
      "errors": "Erros",
      "lastResponse": "Último tempo de resposta",
      "nextPoll": "Próximo refresh em",
      "refreshNote": "Atualiza automaticamente via <code>refresh=\"5000\"</code>",
      "onlineBadge": "Online"
    },
    "cta": {
      "title": "Quer Mais Exemplos?",
      "subtitle": "Confira a documentação completa para padrões avançados.",
      "viewDocs": "Ver Documentação",
      "github": "Repositório GitHub"
    }
  }
}