fix: better handle tab disconnection

vuejs · Feb 9, 2022 · bddcd45 · bddcd45
1 parent c2cbd0d
commit bddcd45
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/app-frontend/src/index.ts b/packages/app-frontend/src/index.ts
@@ -6,6 +6,8 @@ import { createApp, connectApp } from './app'
 import { setAppConnected } from './features/connection'
 import { getBridge } from './features/bridge'
 
+export { setAppConnected } from './features/connection'
+
 /**
  * Create the main devtools app. Expects to be called with a shell interface
  * which implements a connect method.

diff --git a/packages/shell-chrome/src/devtools.js b/packages/shell-chrome/src/devtools.js
@@ -1,6 +1,6 @@
 // this script is called when the VueDevtools panel is activated.
 
-import { initDevTools } from '@front'
+import { initDevTools, setAppConnected } from '@front'
 import { Bridge } from '@vue-devtools/shared-utils'
 
 initDevTools({
@@ -21,6 +21,7 @@ initDevTools({
       let disconnected = false
       port.onDisconnect.addListener(() => {
         disconnected = true
+        setAppConnected(false)
       })
 
       const bridge = new Bridge({