Nuxt DevTools v4 passa a usar Devframe e Vite DevTools como base

O Nuxt DevTools v4 troca a base própria por uma pilha em camadas. Na base fica o Devframe Hub, que compõe devframes portáteis atrás de um handler padrão (um Request → Response simples). Sobre ele roda o Vite DevTools, com as ferramentas do toolchain: plugins do Vite, Vitest, Rolldown e Oxc. No topo fica o Nuxt DevTools, que adiciona a camada do framework: Vue DevTools, Pinia, módulos do Nuxt e auto imports.

Uma consequência prática: o Nuxt deixa de embutir (vendor) o Vue DevTools. Você passa a ter o Vue DevTools completo e atualizado, sem cópia de funcionalidades. O v4 acompanha o Nuxt v5 e também funciona no Nuxt v4.5+, adicionado como módulo. O atalho continua Shift + Option + D (macOS) ou Shift + Alt + D (Windows), e o app não precisa de mudanças.

Para autores de módulos, o v4 é uma versão de transição. Quem usa a API de @nuxt/devtools-kit segue funcionando por meio de um shim que mapeia a API antiga para o novo sistema. Em desenvolvimento, ele loga um aviso indicando qual módulo atualizar, e cada helper depreciado emite um código de diagnóstico. O destino recomendado é o Devframe (painel que roda em Nuxt, Vite, Next.js, CLI standalone ou servidor MCP) ou o Vite DevTools (menor mudança, se o módulo só usa Vite). Com defineDevframe(), as funções RPC são tipadas e validadas com qualquer biblioteca Standard Schema. Limitação atual: o docks host ainda não cobre vnode views e tab categories, então módulos que dependem disso devem manter o shim.

Em 22 de setembro de 2026, o CEVIU noticiou "Arquitetura Aberta Propõe DevTools Modular e Unificado para Debugging Multi-Framework", sobre uma proposta de decompor o debugging em módulos agnósticos a frameworks. O Devframe, como descrito agora pelo Nuxt, segue essa mesma linha de ideia, mas o material anterior não confirma que se trate do mesmo projeto. O que há de novo e verificável é a entrega: o Nuxt DevTools v4 já roda sobre essa abordagem, com lançamento oficial.

Para quem mantém módulos Nuxt, a leitura é: o shim dá fôlego, mas o aviso em desenvolvimento indica que a migração vai ser necessária. Quem escreve painéis ganha a chance de publicar uma vez e alcançar outros hosts. Para quem só usa o Nuxt, a mudança tende a ser invisível, com o benefício de receber o Vue DevTools completo.