feat: Add a setting for "vue-devtools Detected Vue" console log, closes

#685
vuejs · Mar 20, 2019 · 8220a74 · 8220a74
1 parent 144a4e6
commit 8220a74
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 8 deletions.
diff --git a/src/backend/index.js b/src/backend/index.js
@@ -11,6 +11,7 @@ import { stringify, classify, camelize, set, has, parse, getComponentName, getCu
 import ComponentSelector from './component-selector'
 import SharedData, { init as initSharedData } from 'src/shared-data'
 import { isBrowser, target } from 'src/devtools/env'
+import storage from 'src/devtools/storage'
 
 // hook should have been injected before this executes.
 const hook = target.__VUE_DEVTOOLS_GLOBAL_HOOK__
@@ -153,12 +154,14 @@ function connect (Vue) {
 
  bridge.log('backend ready.')
  bridge.send('ready', Vue.version)
- console.log(
- `%c vue-devtools %c Detected Vue v${Vue.version} %c`,
- 'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px; color: #fff',
- 'background:#41b883 ; padding: 1px; border-radius: 0 3px 3px 0; color: #fff',
- 'background:transparent'
- )
+ if (storage.get('shared-data:logDetected')) {
+ console.log(
+ `%c vue-devtools %c Detected Vue v${Vue.version} %c`,
+ 'background:#35495e ; padding: 1px; border-radius: 3px 0 0 3px; color: #fff',
+ 'background:#41b883 ; padding: 1px; border-radius: 0 3px 3px 0; color: #fff',
+ 'background:transparent'
+ )
+ }
 
  setTimeout(() => {
  scan()

diff --git a/src/devtools/views/settings/GlobalPreferences.vue b/src/devtools/views/settings/GlobalPreferences.vue
@@ -59,6 +59,15 @@
  </VueGroup>
  </VueFormField>
 
+ <VueFormField title="Detected Console Log">
+ <VueSwitch
+ :value="!$shared.logDetected"
+ @input="$shared.logDetected = !$event"
+ >
+ Disable
+ </VueSwitch>
+ </VueFormField>
+
  <VueFormField title="Editable props">
  <VueSwitch
  :value="$shared.editableProps"

diff --git a/src/shared-data.js b/src/shared-data.js
@@ -9,15 +9,17 @@ const internalSharedData = {
  cacheVuexSnapshotsLimit: 10,
  snapshotLoading: null,
  recordPerf: false,
- editableProps: false
+ editableProps: false,
+ logDetected: true
 }
 
 const persisted = [
  'classifyComponents',
  'theme',
  'displayDensity',
  'recordVuex',
- 'editableProps'
+ 'editableProps',
+ 'logDetected'
 ]
 
 // ---- INTERNALS ---- //