fix(client): sync state between separate window with floating panel

[alexzhang1030]

should close #458, need test by @sxcooler, test on my local works properly.

Reproduction step:

1. open the page with the devtools floating panel
2. open a separate window
3. update settings on floating panel
4. go to the separate window, and storage is changed, but UI is not changed.

[netlify]

✅ Deploy Preview for vue-devtools-docs canceled.

Name	Link
🔨 Latest commit	149ca28
🔍 Latest deploy log	https://app.netlify.com/sites/vue-devtools-docs/deploys/66724cac54676b00085995ec

[sxcooler]

should close #458, need test by @sxcooler, test on my local works properly.

Reproduction step:

1. open the page with the devtools floating panel
2. open a separate window
3. update settings on floating panel
4. go to the separate window, and storage is changed, but UI is not changed.

Sorry, but how can I take part in testing?

[alexzhang1030]

1. clone source

You can use gh CLI

Or clone my repo and switch to fix/client branch.

2. build

pnpm i
pnpm build

3. link to your project

If you are using pnpm

// package.json
{
  "dependency": {
    //                                        <your-path-to-vite-package>
    "vite-plugin-vue-devtools": "../../../vue-devtools-next/packages/vite"
  }
}

[sxcooler]

1. clone source

You can use gh CLI

谢谢指导，pnpm build的时候遇到以下两个错误：

以及

但我检查package/electron/dist目录，devtools.d.ts这个文件存在：

如果强行把这个vite链接到我的项目，会出现devtools无法打开：

一直停留在加载动画。

我npmrc和pnpm config都已经加上了electron等的mirror
尝试过pnpm store prune无法解决

我看你代码改动比较简单，原理上也说得通，你如果测试没有问题我可以先把原issue关闭。

[alexzhang1030]

1. clone source

You can use gh CLI

谢谢指导，pnpm build的时候遇到以下两个错误：

以及

但我检查package/electron/dist目录，devtools.d.ts这个文件存在：

如果强行把这个vite链接到我的项目，会出现devtools无法打开：

一直停留在加载动画。

我npmrc和pnpm config都已经加上了electron等的mirror 尝试过pnpm store prune无法解决

我看你代码改动比较简单，原理上也说得通，你如果测试没有问题我可以先把原issue关闭。

😂, 可以等到 merge 了，这个 build error 的问题后面会追踪一下

[atilkan]

This comes with another issue.

• From separate window
• Click select component button (Attachment 1)
• Select a component in the page
• Floating panel appears, it should not based on my settings (Always hide),
• And it doesn't disappear without clicking somewhere else, causing you to lose the selected component scope.