Интеграция с Vue DevTools

setupDevtools() — регистрирует вкладку инспектора Network и слой таймлайна в Vue DevTools (расширение браузера ≥ 6.5 и vite-plugin-vue-devtools ≥ 7.x).

function setupDevtools(app: App, instance: VueNetworkDashboardInstance): Promise<void>

Требует @vue/devtools-api ≥ 6.5 — это не формальная peer-зависимость пакета, поэтому установите её сами, если её ещё нет (обычно она приходит транзитивно вместе с vite-plugin-vue-devtools). Когда она недоступна, либо при вызове вне браузера (SSR), setupDevtools() молча ничего не делает — её безопасно вызывать безусловно.

Использование

import { setupDevtools, useNetworkDashboard } from 'vue-network-dashboard'

if (import.meta.env.DEV) {
  app.use(NetworkDashboardPlugin)
  const dashboard = useNetworkDashboard() // должен вызываться внутри контекста приложения
  setupDevtools(app, dashboard)
}

Инспектор показывает каждую запись лога как узел дерева с полным состоянием запроса/ответа (заголовки, тело, статус, тайминг, флаги mock/pending). Слой таймлайна записывает маркер для каждого завершённого HTTP-запроса.