Devtools

Cuando algo muestra el texto equivocado, quieres una sola respuesta: ¿qué key es esto y de dónde salió? El overlay verbaly/devtools lo responde en el navegador.

Conecta el inspector

Impórtalo solo en desarrollo: es un chunk aparte, tree-shaken fuera de los builds de producción.

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

• Un panel muestra cuántas keys están ok, en fallback o faltantes, y nombra el archivo de catálogo para arreglar cada una.
• Mantén Alt y pasa el cursor sobre cualquier elemento para ver su key, el locale del que se resolvió y el texto fuente.

El hook onResolve

¿Prefieres tu propio logging? onResolve se dispara en cada t() con la key, el locale, el valor y si fue hit, fallback o miss.

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

Para una consulta puntual, verbaly.inspect(key) devuelve el locale resuelto y el texto fuente.