fix: only send data on update if it's current component

Author: Akryum

Diff for: packages/app-backend-core/src/component.ts

@@ -1,7 +1,7 @@
 import { stringify, BridgeEvents, parse, SharedData } from '@vue-devtools/shared-utils'
 import { AppRecord, BackendContext, BuiltinBackendFeature } from '@vue-devtools/app-backend-api'
 import { getAppRecord } from './app'
-import { App, ComponentInstance, EditStatePayload, now } from '@vue/devtools-api'
+import { App, ComponentInstance, EditStatePayload } from '@vue/devtools-api'
 
 const MAX_$VM = 10
 const $vmQueue = []

Diff for: packages/app-backend-core/src/index.ts

@@ -121,7 +121,7 @@ async function connect () {
   const sendComponentUpdate = throttle(async (appRecord: AppRecord, id: string) => {
     try {
       // Update component inspector
-      if (ctx.currentInspectedComponentId) {
+      if (ctx.currentInspectedComponentId === id) {
         await sendSelectedComponentData(appRecord, ctx.currentInspectedComponentId, ctx)
       }