fix: switch to relevant app when inspecting component

[kevinluo201]

Try to fix #718

• Call toggleApp if the activeAppRecordId is different from the inspected component's app id
• Add options to toggleApp and related methods, so { inspectingComponent: true } can eventually be sent to core's registerDevToolsPlugin to ignore highPerfModeEnabled

[netlify]

✅ Deploy Preview for vue-devtools-docs canceled.

Name	Link
🔨 Latest commit	efd964f
🔍 Latest deploy log	https://app.netlify.com/sites/vue-devtools-docs/deploys/676a3b99e574a60009514e12

[kevinluo201]

The feature is implemented, however, I added an extra option inspectingComponent at many places. If anyone has a better way to handle this, or to manage the global state, please help me, thanks!

[pkg-pr-new]

Open in Stackblitz

@vue/devtools-applet

npm i https://pkg.pr.new/@vue/devtools-applet@748

@vue/devtools-core

npm i https://pkg.pr.new/@vue/devtools-core@748

@vue/devtools

npm i https://pkg.pr.new/@vue/devtools@748

@vue/devtools-api

npm i https://pkg.pr.new/@vue/devtools-api@748

@vue/devtools-kit

npm i https://pkg.pr.new/@vue/devtools-kit@748

vite-plugin-vue-devtools

npm i https://pkg.pr.new/vite-plugin-vue-devtools@748

commit: efd964f

[webfansplz]

@kevinluo201 Great work, thanks.

[kevinluo201]

@webfansplz Thanks for the reviewing and merging. Does it solve the issue on the chrome-extension, too?