feat: global hook version check

Author: Akryum

packages/app-backend-core/src/hook.ts

@@ -9,6 +9,7 @@
  * @param {Window|global} target
  */
 export function installHook (target, isIframe = false) {
+  const devtoolsVersion = '6.0'
   let listeners = {}
 
   function injectIframeHook (iframe) {
@@ -49,7 +50,12 @@ export function installHook (target, isIframe = false) {
     }
   }, 1000)
 
-  if (Object.prototype.hasOwnProperty.call(target, '__VUE_DEVTOOLS_GLOBAL_HOOK__')) return
+  if (Object.prototype.hasOwnProperty.call(target, '__VUE_DEVTOOLS_GLOBAL_HOOK__')) {
+    if (target.__VUE_DEVTOOLS_GLOBAL_HOOK__.devtoolsVersion !== devtoolsVersion) {
+      console.error(`Another version of Vue Devtools seems to be installed. Please enable only one version at a time.`)
+    }
+    return
+  }
 
   let hook
 
@@ -68,6 +74,7 @@ export function installHook (target, isIframe = false) {
     }
 
     hook = {
+      devtoolsVersion,
       // eslint-disable-next-line accessor-pairs
       set Vue (value) {
         sendToParent(hook => { hook.Vue = value })
@@ -96,6 +103,7 @@ export function installHook (target, isIframe = false) {
     }
   } else {
     hook = {
+      devtoolsVersion,
       Vue: null,
       enabled: undefined,
       _buffer: [],