From 74599476d3eab60745bb2b0464abdff37effbced Mon Sep 17 00:00:00 2001
From: Guillaume <guillaume.b.chau@gmail.com>
Date: Mon, 24 May 2021 19:14:34 +0200
Subject: [PATCH] feat(vue2): devtools.hide option support, closes #1444

---
 packages/app-backend-vue2/src/components/tree.ts |  2 ++
 packages/shell-dev-vue2/src/Hidden.vue           | 11 +++++++++++
 packages/shell-dev-vue2/src/index.js             |  4 +++-
 3 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 packages/shell-dev-vue2/src/Hidden.vue

diff --git a/packages/app-backend-vue2/src/components/tree.ts b/packages/app-backend-vue2/src/components/tree.ts
index ae7f2b091..e0ca23152 100644
--- 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
new file mode 100644
index 000000000..d4fbfc8e7
--- /dev/null
+++ 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
index 0bff85c0c..327e58066 100644
--- 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)
     ])
   }
 })