Move code to initBodyClass (vuejs#554)

rikoz · Jan 24, 2018 · 0f2468a · 0f2468a
1 parent 2df8065
commit 0f2468a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/devtools/env.js b/src/devtools/env.js
@@ -21,6 +21,8 @@ Object.defineProperties(Vue.prototype, {
   '$keys': { get: () => keys }
 })
 
-if (isWindows) document.body.classList.add('platform-windows')
-if (isMac) document.body.classList.add('platform-mac')
-if (isLinux) document.body.classList.add('platform-linux')
+export function initBodyClass () {
+  if (isWindows) document.body.classList.add('platform-windows')
+  if (isMac) document.body.classList.add('platform-mac')
+  if (isLinux) document.body.classList.add('platform-linux')
+}
diff --git a/src/devtools/index.js b/src/devtools/index.js
@@ -3,7 +3,7 @@ import App from './App.vue'
 import store from './store'
 import './plugins'
 import { parse } from '../util'
-import { isChrome } from './env'
+import { isChrome, initBodyClass } from './env'
 
 // UI
 
@@ -134,10 +134,13 @@ function initApp (shell) {
 
     app = new Vue({
       extends: App,
+
       store,
+
       data: {
         isDark
       },
+
       watch: {
         isDark: {
           handler (value) {
@@ -149,6 +152,10 @@ function initApp (shell) {
           },
           immediate: true
         }
+      },
+
+      mounted () {
+        initBodyClass()
       }
     }).$mount('#app')