Initialize docs in frappe.init

electron/settings.js

@@ -10,7 +10,7 @@ function getSettings() {
   try {
     settings = require(configFilePath);
   } catch (e) {
-        settings = {}
+    settings = {};
   }
 
   return settings;
@@ -23,4 +23,4 @@ async function saveSettings(settings) {
 module.exports = {
   getSettings,
   saveSettings
-}
+};

src/main.js

@@ -8,10 +8,9 @@ import router from './router';
 import frappeVue from 'frappejs/ui/plugins/frappeVue';
 
 // frappejs imports
-import io from 'socket.io-client';
 import frappe from 'frappejs';
+import io from 'socket.io-client';
 import HTTPClient from 'frappejs/backends/http';
-import Observable from 'frappejs/utils/observable';
 import common from 'frappejs/common';
 import coreModels from 'frappejs/models';
 import models from '../models';
@@ -26,8 +25,6 @@ frappe.fetch = window.fetch.bind();
 frappe.db = new HTTPClient({ server });
 const socket = io.connect(`http://${server}`);
 frappe.db.bindSocketClient(socket);
-frappe.registerModels(models);
-frappe.docs = new Observable();
 frappe.getSingle('SystemSettings');
 registerReportMethods();
 

src/pages/SetupWizard/index.vue

@@ -40,10 +40,11 @@ import indicatorColor from 'frappejs/ui/constants/indicators';
 import setupConfig from './config';
 
 export default {
+  name: 'SetupWizard',
   data() {
     return {
       currentSection: 0
-        }
+    };
   },
   components: {
     FormLayout
@@ -85,7 +86,9 @@ export default {
       this.currentSection -= 1;
     },
     indicatorColor(i) {
-            return i === this.currentSection ? indicatorColor.BLUE : '';
+      return i === this.currentSection
+        ? indicatorColor.BLUE
+        : indicatorColor.GREY;
     }
   },
   computed: {
@@ -96,5 +99,5 @@ export default {
       return setupConfig.layout;
     }
   }
-}
+};
 </script>