You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
0-dependency Vue reactivity tracker.
Monitor which components re-render, what triggers the updates, and track reactive dependencies using Vue's built-in debugging hooks (onRenderTriggered and onRenderTracked).
Log Example
In this example, user typing john caused 28 render events in Login component trigger.
Installation
npm install vue-flow-vis --save-dev
# or
yarn add vue-flow-vis --dev
# or
pnpm install vue-flow-vis --dev
Quick Start
// main.tsimport{createApp}from'vue'importAppfrom'./App.vue'import{FlowVisPlugin}from'vue-flow-vis'constapp=createApp(App)// Basic usage with default settingsapp.use(FlowVisPlugin)app.mount('#app')
The plugin will automatically start monitoring all your components.
The plugin accepts a configuration object with the following options:
typeFlowVisOptions={enabled?: boolean// Enable/disable monitoring (default: true)logger?: 'console'|'ui'|'none'// Logger type (default: 'ui')excludeComponents?: string[]// Components to exclude from monitoringincludeComponents?: string[]// Only monitor these components (overrides exclude)logToTable?: boolean// Use console.table for output (default: false)batchLogs?: boolean// Group console logs by component (default: true)batchWindow?: number// Delay in ms before flushing batched logs (default: 500)onRenderTracked?: (data: RenderEventData)=>void// Custom callback for tracked eventsonRenderTriggered?: (data: RenderEventData)=>void// Custom callback for triggered eventscustomLogger?: Logger// Custom logger implementation (overrides logger option)}
Development setup
# Initialize husky hooks and install dependencies
npm run init
# Start watch mode
npm run dev
Bug reports & feature requests
Feel free to submit github issue here and use appropriate labels (bug-report/feature-request).
Check if a similar issue already exists before submitting.