Add a new dashboard page.

webui/src/boot/_globals.js

@@ -0,0 +1,10 @@
+import { APP } from '../_helpers/APP'
+import Boot from '../_middleware/Boot'
+
+export default async ({ app, router, store, Vue }) => {
+  Vue.use(Boot)
+
+  APP.root = app
+  APP.router = router
+  APP.store = store
+}

webui/src/boot/_hacks.js

@@ -0,0 +1,13 @@
+import Bowser from 'bowser'
+import vhCheck from 'vh-check'
+
+const browser = Bowser.getParser(window.navigator.userAgent)
+
+// In Mobile
+if (browser.getPlatform().type === 'mobile') {
+  vhCheck()
+}
+
+export default async ({ app, Vue }) => {
+
+}

webui/src/boot/_init.js

@@ -0,0 +1,26 @@
+import { APP } from '../_helpers/APP'
+import errors from '../_helpers/Errors'
+
+export default async ({ Vue }) => {
+  // Router
+  // ----------------------------------------------
+  APP.router.beforeEach(async (to, from, next) => {
+    // Set APP
+    APP.routeTo = to
+    APP.routeFrom = from
+    next()
+  })
+
+  // Api (axios)
+  // ----------------------------------------------
+  APP.api.interceptors.request.use((config) => {
+    console.log('interceptors -> config', config)
+    // config.headers['Accept'] = '*/*'
+    return config
+  })
+
+  APP.api.interceptors.response.use((response) => {
+    console.log('interceptors -> response', response)
+    return response
+  }, errors.handleResponse)
+}

webui/src/boot/api.js

@@ -0,0 +1,12 @@
+import axios from 'axios'
+
+import { APP } from '../_helpers/APP'
+
+// Set config defaults when creating the instance
+const API = axios.create({
+  baseURL: APP.config.apiUrl
+})
+
+export default async ({ app, Vue }) => {
+  Vue.prototype.$api = app.api = APP.api = API
+}

webui/src/boot/lodash.js

@@ -0,0 +1,7 @@
+import lodash from 'lodash'
+
+import { APP } from '../_helpers/APP'
+
+export default async ({ app, Vue }) => {
+  Vue.prototype.$_ = app._ = APP._ = lodash
+}