vue update

assets/package.json

@@ -19,10 +19,12 @@
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
+    "bulma": "^0.9.3",
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
+    "sass": "^1.49.9",
     "sass-loader": "^12.6.0",
-    "bulma": "^0.9.3"
+    "vue-cli": "^2.9.6"
   },
   "eslintConfig": {
     "root": true,

assets/src/admin.js

@@ -1,3 +1,4 @@
+import './assets/styles.scss'
 import './assets/admin.scss'
 import './index.js'
 

assets/src/appBuilder.js

@@ -56,7 +56,7 @@ export default class Builder {
     createApp({el, title=null, content=null, ...config}, props) {
         const container = document.querySelector(el)
         if(!container)
-            throw `Error: can't get element ${el}`
+            return
         if(content)
             container.innerHTML = content
         if(title)

assets/src/assets/admin.scss

@@ -1,5 +1,5 @@
 
-#app.admin {
+.admin {
     .navbar .navbar-brand {
         padding-right: 1em;
     }

assets/src/assets/styles.scss

@@ -2,8 +2,6 @@
 @import "~bulma/sass/utilities/_all.sass";
 @import "~bulma/sass/components/dropdown.sass";
 
-@import './admin.scss';
-
 $body-background-color: $light;
 
 @import "~bulma";

assets/src/index.js

@@ -32,16 +32,20 @@ window.aircox = {
     /**
      * Initialize main application and player.
      */
-    init(props=null, {config=null, builder=null, initPlayer=true, hotReload=false}={}) {
-        builder = builder || this.builder
-        this.builder = builder
-        if(config || window.App)
-            builder.config = config || window.App
-        builder.title = document.title
-        builder.mount({props})
+    init(props=null, {config=null, builder=null, initBuilder=true,
+                      initPlayer=true, hotReload=false}={})
+    {
+        if(initBuilder) {
+            builder = builder || this.builder
+            this.builder = builder
+            if(config || window.App)
+                builder.config = config || window.App
+            builder.title = document.title
+            builder.mount({props})
 
-        if(hotReload)
-            builder.enableHotReload(hotReload)
+            if(hotReload)
+                builder.enableHotReload(hotReload)
+        }
 
         if(initPlayer) {
             let playerBuilder = this.playerBuilder