feat(vue2): devtools.hide option support, closes #1444

vuejs · May 24, 2021 · 7459947 · 7459947
1 parent 5d6ba0e
commit 7459947
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/packages/app-backend-vue2/src/components/tree.ts b/packages/app-backend-vue2/src/components/tree.ts
@@ -149,6 +149,8 @@ function capture (instance, index?: number, list?: any[]): ComponentTreeNode {
     instance = instance._vnode.componentInstance
   }
 
+  if (instance.$options?.devtools?.hide) return
+
   // Functional component.
   if (instance.fnContext && !instance.componentInstance) {
     const contextUid = instance.fnContext.__VUE_DEVTOOLS_UID__

diff --git a/packages/shell-dev-vue2/src/Hidden.vue b/packages/shell-dev-vue2/src/Hidden.vue
@@ -0,0 +1,11 @@
+<script>
+export default {
+  devtools: {
+    hide: true
+  }
+}
+</script>
+
+<template>
+  <div>I'm hidden in the devtools</div>
+</template>
diff --git a/packages/shell-dev-vue2/src/index.js b/packages/shell-dev-vue2/src/index.js
@@ -12,6 +12,7 @@ import MyClass from './MyClass.js'
 import router from './router'
 import TransitionExample from './TransitionExample.vue'
 import Router from './router/Router.vue'
+import Hidden from './Hidden.vue'
 
 window.VUE_DEVTOOLS_CONFIG = {
   openInEditorHost: '/'
@@ -45,7 +46,8 @@ const app = new Vue({
       h(TransitionExample),
       h(VuexObject),
       h(Init),
-      h(RefTester)
+      h(RefTester),
+      h(Hidden)
     ])
   }
 })