Skip to content

Devtools

vue-worker-kit/devtools — a standalone debug panel, no @vue/devtools-api dependency (keeps the package dependency-free).

ts
import { createWorkerActivityMonitor, WorkerActivityPanel } from 'vue-worker-kit/devtools'

const monitor = createWorkerActivityMonitor(pool) // or a single useWorker()/useSharedWorker() instance
vue
<WorkerActivityPanel :monitor="monitor" />

Shows busy/idle worker counts, queue length, average task time, and the last N errors — reactive, driven by an internal subscription (no polling).

createWorkerActivityMonitor(source)

(source: WorkerPool | UseWorkerReturn | UseSharedWorkerReturn) => WorkerActivityMonitor

Wraps a worker pool, a useWorker() instance, or a useSharedWorker() instance and exposes the reactive stats WorkerActivityPanel renders.

<WorkerActivityPanel>

Vue component. Takes the monitor as its monitor prop and renders busy/idle counts, queue length, average task time, and recent errors.