Installation

Requirements

Environment	Minimum version
Vue	3.0+
Node.js	18+

@vue/devtools-api (≥ 6.5) is needed only if you call setupDevtools() — it is not a formal peer dependency, so install it yourself when you use that feature. The Nuxt module additionally requires Nuxt 3+.

Installation

npm install vue-network-dashboard

Quick start

// main.ts
import { createApp } from 'vue'
import App from './App.vue'
import NetworkDashboard from 'vue-network-dashboard'

const app = createApp(App)

app.use(NetworkDashboard, {
  devOnly: true, // only active in development builds
  maxLogs: 500,
})

app.mount('#app')

That's it. All Fetch, XHR, WebSocket, and SSE calls are now captured. See Vue Plugin, Nuxt Module & Usage for the full set of plugin options, the Nuxt module, and Composition/Options API usage.