Move code to initBodyClass (#554)

Author: Guillaume Chau

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')
+}

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')