chore: debug bridge in dev chrome extension

Author: Guillaume Chau

packages/shell-chrome/src/backend.js

@@ -21,6 +21,9 @@ function handshake (e) {
         listeners.push(listener)
       },
       send (data) {
+        if (process.env.NODE_ENV !== 'production') {
+          console.log('backend -> devtools', data)
+        }
         window.postMessage({
           source: 'vue-devtools-backend',
           payload: data

packages/shell-chrome/src/devtools.js

@@ -29,6 +29,9 @@ initDevTools({
         },
         send (data) {
           if (!disconnected) {
+            if (process.env.NODE_ENV !== 'production') {
+              console.log('devtools -> backend', data)
+            }
             port.postMessage(data)
           }
         }