fix(vue2): app record id not found, closes #1699

Author: Akryum

packages/app-backend-vue2/src/components/tree.ts

@@ -223,7 +223,7 @@ async function capture (instance, index?: number, list?: any[]): Promise<Compone
   // instance._uid is not reliable in devtools as there
   // may be 2 roots with same _uid which causes unexpected
   // behaviour
-  instance.__VUE_DEVTOOLS_UID__ = getUniqueId(instance)
+  instance.__VUE_DEVTOOLS_UID__ = getUniqueId(instance, appRecord)
 
   // Dedupe
   if (captureIds.has(instance.__VUE_DEVTOOLS_UID__)) {

packages/app-backend-vue2/src/components/util.ts

@@ -1,4 +1,5 @@
 import { getComponentName } from '@vue-devtools/shared-utils'
+import { AppRecord } from '@vue-devtools/app-backend-api'
 
 export function isBeingDestroyed (instance) {
   return instance._isBeingDestroyed
@@ -32,8 +33,14 @@ export function getRenderKey (value): string {
 /**
  * Returns a devtools unique id for instance.
  */
-export function getUniqueId (instance): string {
+export function getUniqueId (instance, appRecord?: AppRecord): string {
   if (instance.__VUE_DEVTOOLS_UID__ != null) return instance.__VUE_DEVTOOLS_UID__
-  const rootVueId = instance.$root.__VUE_DEVTOOLS_APP_RECORD_ID__
+  let rootVueId = instance.$root.__VUE_DEVTOOLS_APP_RECORD_ID__
+  if (!rootVueId && appRecord) {
+    rootVueId = appRecord.id
+  }
+  if (!rootVueId) {
+    console.error('No app record id found for instance', instance)
+  }
   return `${rootVueId}:${instance._uid}`
 }