Devtools

Quando algo mostra o texto errado, você quer uma só resposta: que key é essa e de onde veio? O overlay verbaly/devtools responde isso no navegador.

Conecte o inspetor

Importe só em desenvolvimento: é um chunk separado, tree-shaken fora dos builds de produção.

if (import.meta.env.DEV) {
  const { attachDevtools } = await import('verbaly/devtools');
  attachDevtools(verbaly);
}

• Um painel mostra quantas keys estão ok, em fallback ou faltando, e nomeia o arquivo de catálogo para corrigir cada uma.
• Segure Alt e passe o cursor sobre qualquer elemento para ver sua key, o locale de onde foi resolvido e o texto fonte.

O hook onResolve

Prefere seu próprio logging? onResolve dispara em cada t() com a key, o locale, o valor e se foi hit, fallback ou miss.

createVerbaly({
  onResolve: (info) => {
    if (info.status === 'miss') console.warn('missing', info.key);
  },
});

Para uma consulta pontual, verbaly.inspect(key) devolve o locale resolvido e o texto fonte.