Allow creating the browser as a standalone component

Author: m-mohr

src/init.js renamed to src/app.js

@@ -2,20 +2,19 @@ import { createApp } from "vue";
 import { createRouter, createWebHistory, createWebHashHistory } from "vue-router";
 import StacBrowser from "./StacBrowser.vue";
 import i18n, { loadDefaultMessages } from './i18n';
-import CONFIG from './config';
 import getRoutes from "./router";
 import getStore from "./store";
 
 import { createBootstrap } from 'bootstrap-vue-next/plugins/createBootstrap';
 import { vBToggle } from 'bootstrap-vue-next/directives/BToggle';
 import visible from './directives/visible';
 
-export default function init() {
+export default function createStacBrowser(config) {
   return loadDefaultMessages().then(() => {
     // Setup router
     const router = createRouter({
-      history: CONFIG.historyMode === 'history' ? createWebHistory(CONFIG.pathPrefix) : createWebHashHistory(CONFIG.pathPrefix),
-      routes: getRoutes(CONFIG),
+      history: config.historyMode === 'history' ? createWebHistory(config.pathPrefix) : createWebHashHistory(config.pathPrefix),
+      routes: getRoutes(config),
       scrollBehavior: (to, from, savedPosition) => {
         if (to.path !== from.path) {
           return { left: 0, top: 0 };
@@ -27,7 +26,7 @@ export default function init() {
     });
 
     // Setup store
-    const store = getStore(CONFIG, router);
+    const store = getStore(config, router);
 
     const app = createApp(StacBrowser);
 
@@ -42,6 +41,6 @@ export default function init() {
     app.use(router);
     app.use(store);
 
-    return app.mount("body");
+    return app;
   });
 }

src/main.js

@@ -1,3 +1,4 @@
-import init from "./init";
+import createStacBrowser from "./app";
+import config from './config';
 
-init();
+createStacBrowser(config).mount("body");