@shrub/vue-3 0.5.40 → 0.5.41

package/dist/esm/index.js

@@ -1,2 +1,76 @@
-export * from "./module";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxVQUFVLENBQUMifQ==
+import { createConfig, createService } from "@shrub/core";
+import { createApp, h, inject } from "vue";
+export const IVueAppService = createService("vue-app-service");
+export const IVueConfiguration = createConfig();
+const servicesKey = Symbol("services");
+/** Provides access to the service collection for the current Vue app and is intended to be used with the new composition Api. */
+export function useServices() {
+    return inject(servicesKey);
+}
+/** Gets an instances of the specified service registered with the current Vue app. */
+export function useService(service) {
+    const services = inject(servicesKey);
+    return services.get(service);
+}
+export class VueModule {
+    constructor() {
+        this.app = createApp({
+            render: () => this.render()
+        });
+        this.name = "vue";
+    }
+    initialize({ config }) {
+        config(IVueConfiguration).register(() => ({
+            configure: callback => callback(this.app),
+            mount: (component, props) => {
+                if (this.component) {
+                    throw new Error("A component has already been mounted.");
+                }
+                this.component = component;
+                this.props = props;
+            }
+        }));
+    }
+    configureServices(registration) {
+        const self = this;
+        registration.registerInstance(IVueAppService, {
+            app: this.app,
+            get instance() {
+                return self.instance;
+            }
+        });
+    }
+    async configure({ settings, services, next }) {
+        this.app.config.globalProperties.$services = services;
+        this.app.provide(servicesKey, services);
+        // mount the element after all dependents have had a chance to configure
+        await next();
+        if (!this.component) {
+            // TODO: write a warning to the console
+            return Promise.resolve();
+        }
+        const el = this.getElementId(settings);
+        if (!document.getElementById(el.substr(1))) {
+            throw new Error(`Element with id (${el}) not found`);
+        }
+        const router = this.app.config.globalProperties.$router;
+        const component = typeof this.component === "function" ? this.component() : this.component;
+        const props = typeof this.props === "function" ? this.props() : this.props;
+        this.render = () => h(component, props);
+        if (router) {
+            // need to wait on the router when using SSR
+            router.isReady().then(() => this.instance = this.app.mount(el));
+        }
+        else {
+            this.instance = this.app.mount(el);
+        }
+    }
+    getElementId(settings) {
+        if (settings.el) {
+            // Vue expects the element id to be prefixed with a '#'
+            return settings.el[0] === "#" ? settings.el : "#" + settings.el;
+        }
+        return "#app";
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQXdHLE1BQU0sYUFBYSxDQUFDO0FBQ2hLLE9BQU8sRUFBa0QsU0FBUyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQXFCLE1BQU0sS0FBSyxDQUFDO0FBaUM5RyxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsYUFBYSxDQUFpQixpQkFBaUIsQ0FBQyxDQUFDO0FBQy9FLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLFlBQVksRUFBcUIsQ0FBQztBQUVuRSxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7QUFFdkMsaUlBQWlJO0FBQ2pJLE1BQU0sVUFBVSxXQUFXO0lBQ3ZCLE9BQU8sTUFBTSxDQUFDLFdBQVcsQ0FBRSxDQUFDO0FBQ2hDLENBQUM7QUFFRCxzRkFBc0Y7QUFDdEYsTUFBTSxVQUFVLFVBQVUsQ0FBSSxPQUFvQjtJQUM5QyxNQUFNLFFBQVEsR0FBdUIsTUFBTSxDQUFDLFdBQVcsQ0FBRSxDQUFDO0lBQzFELE9BQU8sUUFBUSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztBQUNqQyxDQUFDO0FBRUQsTUFBTSxPQUFPLFNBQVM7SUFBdEI7UUFDcUIsUUFBRyxHQUFHLFNBQVMsQ0FBQztZQUM3QixNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU8sRUFBRTtTQUMvQixDQUFDLENBQUM7UUFPTSxTQUFJLEdBQUcsS0FBSyxDQUFDO0lBaUUxQixDQUFDO0lBL0RHLFVBQVUsQ0FBQyxFQUFFLE1BQU0sRUFBc0I7UUFDckMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFDdEMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElB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

package/dist/index.d.ts

@@ -1 +1,41 @@
-export * from "./module";
+import { IModule, IModuleConfigurator, IModuleInitializer, IService, IServiceCollection, IServiceRegistration } from "@shrub/core";
+import { App, ComponentPublicInstance, ComponentOptions, VNodeProps } from "vue";
+declare module "@vue/runtime-core" {
+    interface ComponentCustomProperties {
+        /** Provides access to the global services container. */
+        readonly $services: IServiceCollection;
+    }
+}
+export declare type ComponentProps<P> = VNodeProps & Record<string, any> & P;
+export interface IVueAppService {
+    readonly app: App;
+    readonly instance: ComponentPublicInstance;
+}
+export interface IVueConfiguration {
+    /** Allows configuring the Vue application before the root component is mounted. */
+    configure(callback: (app: App<Element>) => void): void;
+    /** Mounts a root Vue component. */
+    mount<P>(component: ComponentOptions<P> | (() => ComponentOptions<P>), props?: ComponentProps<P> | (() => ComponentProps<P>)): void;
+}
+export interface IVueModuleSettings {
+    /** The element id to mount to; the default is #app. */
+    readonly el?: string;
+}
+export declare const IVueAppService: IService<IVueAppService>;
+export declare const IVueConfiguration: import("@shrub/core").IModuleConfigurationType<IVueConfiguration>;
+/** Provides access to the service collection for the current Vue app and is intended to be used with the new composition Api. */
+export declare function useServices(): IServiceCollection;
+/** Gets an instances of the specified service registered with the current Vue app. */
+export declare function useService<T>(service: IService<T>): T;
+export declare class VueModule implements IModule {
+    private readonly app;
+    private component?;
+    private instance?;
+    private props?;
+    private render?;
+    readonly name = "vue";
+    initialize({ config }: IModuleInitializer): void;
+    configureServices(registration: IServiceRegistration): void;
+    configure({ settings, services, next }: IModuleConfigurator): Promise<void>;
+    private getElementId;
+}

package/dist/index.js

@@ -1,14 +1,82 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./module"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsMkNBQXlCIn0=
+exports.VueModule = exports.useService = exports.useServices = exports.IVueConfiguration = exports.IVueAppService = void 0;
+const core_1 = require("@shrub/core");
+const vue_1 = require("vue");
+exports.IVueAppService = core_1.createService("vue-app-service");
+exports.IVueConfiguration = core_1.createConfig();
+const servicesKey = Symbol("services");
+/** Provides access to the service collection for the current Vue app and is intended to be used with the new composition Api. */
+function useServices() {
+    return vue_1.inject(servicesKey);
+}
+exports.useServices = useServices;
+/** Gets an instances of the specified service registered with the current Vue app. */
+function useService(service) {
+    const services = vue_1.inject(servicesKey);
+    return services.get(service);
+}
+exports.useService = useService;
+class VueModule {
+    constructor() {
+        this.app = vue_1.createApp({
+            render: () => this.render()
+        });
+        this.name = "vue";
+    }
+    initialize({ config }) {
+        config(exports.IVueConfiguration).register(() => ({
+            configure: callback => callback(this.app),
+            mount: (component, props) => {
+                if (this.component) {
+                    throw new Error("A component has already been mounted.");
+                }
+                this.component = component;
+                this.props = props;
+            }
+        }));
+    }
+    configureServices(registration) {
+        const self = this;
+        registration.registerInstance(exports.IVueAppService, {
+            app: this.app,
+            get instance() {
+                return self.instance;
+            }
+        });
+    }
+    async configure({ settings, services, next }) {
+        this.app.config.globalProperties.$services = services;
+        this.app.provide(servicesKey, services);
+        // mount the element after all dependents have had a chance to configure
+        await next();
+        if (!this.component) {
+            // TODO: write a warning to the console
+            return Promise.resolve();
+        }
+        const el = this.getElementId(settings);
+        if (!document.getElementById(el.substr(1))) {
+            throw new Error(`Element with id (${el}) not found`);
+        }
+        const router = this.app.config.globalProperties.$router;
+        const component = typeof this.component === "function" ? this.component() : this.component;
+        const props = typeof this.props === "function" ? this.props() : this.props;
+        this.render = () => vue_1.h(component, props);
+        if (router) {
+            // need to wait on the router when using SSR
+            router.isReady().then(() => this.instance = this.app.mount(el));
+        }
+        else {
+            this.instance = this.app.mount(el);
+        }
+    }
+    getElementId(settings) {
+        if (settings.el) {
+            // Vue expects the element id to be prefixed with a '#'
+            return settings.el[0] === "#" ? settings.el : "#" + settings.el;
+        }
+        return "#app";
+    }
+}
+exports.VueModule = VueModule;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsc0NBQWdLO0FBQ2hLLDZCQUE4RztBQWlDakcsUUFBQSxjQUFjLEdBQUcsb0JBQWEsQ0FBaUIsaUJBQWlCLENBQUMsQ0FBQztBQUNsRSxRQUFBLGlCQUFpQixHQUFHLG1CQUFZLEVBQXFCLENBQUM7QUFFbkUsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0FBRXZDLGlJQUFpSTtBQUNqSSxTQUFnQixXQUFXO0lBQ3ZCLE9BQU8sWUFBTSxDQUFDLFdBQVcsQ0FBRSxDQUFDO0FBQ2hDLENBQUM7QUFGRCxrQ0FFQztBQUVELHNGQUFzRjtBQUN0RixTQUFnQixVQUFVLENBQUksT0FBb0I7SUFDOUMsTUFBTSxRQUFRLEdBQXVCLFlBQU0sQ0FBQyxXQUFXLENBQUUsQ0FBQztJQUMxRCxPQUFPLFFBQVEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDakMsQ0FBQztBQUhELGdDQUdDO0FBRUQsTUFBYSxTQUFTO0lBQXRCO1FBQ3FCLFFBQUcsR0FBRyxlQUFTLENBQUM7WUFDN0IsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFPLEVBQUU7U0FDL0IsQ0FBQyxDQUFDO1FBT00sU0FBSSxHQUFHLEtBQUssQ0FBQztJQWlFMUIsQ0FBQztJQS9ERyxVQUFVLENBQUMsRUFBRSxNQUFNLEVBQXNCO1FBQ3JDLE1BQU0sQ0FBQyx5QkFBaUIsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3RDLFNBQVMsRUFBRSxRQUFRLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ3pDLEtBQUssRUFBRSxDQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDeEIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO29C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

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@shrub/vue-3",
     "description": "A module that adds support for Vue 3 based apps.",
-    "version": "0.5.40",
+    "version": "0.5.41",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -22,8 +22,8 @@
         "clean": "rimraf ./dist && rimraf tsconfig.tsbuildinfo"
     },
     "dependencies": {
-        "@shrub/core": "0.5.40",
-        "vue": "^3.0.2"
+        "@shrub/core": "0.5.41",
+        "vue": "^3.2.20"
     },
-    "gitHead": "56c97188c9cb641bc97aad4f21f7f4d2dec3557a"
+    "gitHead": "e6656ccca43a46d4227ba2f7c225f7334a7b4333"
 }

package/dist/esm/module.js

@@ -1,56 +0,0 @@
-import { createApp, h } from "vue";
-import { createConfig } from "@shrub/core";
-export const IVueConfiguration = createConfig();
-export class VueModule {
-    constructor() {
-        this.app = createApp({
-            render: () => this.render()
-        });
-        this.name = "vue";
-    }
-    initialize({ config }) {
-        config(IVueConfiguration).register(() => ({
-            configure: callback => callback(this.app),
-            mount: (component, props) => {
-                if (this.component) {
-                    throw new Error("A component has already been mounted.");
-                }
-                this.component = component;
-                this.props = props;
-            }
-        }));
-    }
-    async configure({ settings, services, next }) {
-        // TODO: how to make the $service property discoverable in TS?
-        this.app.config.globalProperties.$services = services;
-        // mount the element after all dependents have had a chance to configure
-        await next();
-        if (!this.component) {
-            // TODO: write a warning to the console
-            return Promise.resolve();
-        }
-        const el = this.getElementId(settings);
-        if (!document.getElementById(el.substr(1))) {
-            throw new Error(`Element with id (${el}) not found`);
-        }
-        const router = this.app.config.globalProperties.$router;
-        const component = typeof this.component === "function" ? this.component() : this.component;
-        const props = typeof this.props === "function" ? this.props() : this.props;
-        this.render = () => h(component, props);
-        if (router) {
-            // need to wait on the router when using SSR
-            router.isReady().then(() => this.app.mount(el));
-        }
-        else {
-            this.app.mount(el);
-        }
-    }
-    getElementId(settings) {
-        if (settings.el) {
-            // Vue expects the element id to be prefixed with a '#'
-            return settings.el[0] === "#" ? settings.el : "#" + settings.el;
-        }
-        return "#app";
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXlCLFNBQVMsRUFBRSxDQUFDLEVBQXFCLE1BQU0sS0FBSyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQW9ELE1BQU0sYUFBYSxDQUFDO0FBSTdGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLFlBQVksRUFBcUIsQ0FBQztBQWtCbkUsTUFBTSxPQUFPLFNBQVM7SUFBdEI7UUFDcUIsUUFBRyxHQUFHLFNBQVMsQ0FBQztZQUM3QixNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU8sRUFBRTtTQUMvQixDQUFDLENBQUM7UUFNTSxTQUFJLEdBQUcsS0FBSyxDQUFDO0lBdUQxQixDQUFDO0lBckRHLFVBQVUsQ0FBQyxFQUFFLE1BQU0sRUFBc0I7UUFDckMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFDdEMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7WUFDekMsS0FBSyxFQUFFLENBQUMsU0FBUyxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUN4QixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7b0JBQ2hCLE1BQU0sSUFBSSxLQUFLLENBQUMsdUNBQXVDLENBQUMsQ0FBQztpQkFDNUQ7Z0JBRUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ3ZCLENBQUM7U0FDSixDQUFDLENBQUMsQ0FBQztJQUNSLENBQUM7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQXVCO1FBQzdELDhEQUE4RDtRQUM5RCxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBRXRELHdFQUF3RTtRQUN4RSxNQUFNLElBQUksRUFBRSxDQUFDO1FBRWIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDakIsdUNBQXVDO1lBQ3ZDLE9BQU8sT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQzVCO1FBRUQsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDeEMsTUFBTSxJQUFJLEtBQUssQ0FBQyxvQkFBb0IsRUFBRSxhQUFhLENBQUMsQ0FBQztTQUN4RDtRQUVELE1BQU0sTUFBTSxHQUFlLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQztRQUNwRSxNQUFNLFNBQVMsR0FBRyxPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDM0YsTUFBTSxLQUFLLEdBQUcsT0FBTyxJQUFJLENBQUMsS0FBSyxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQzNFLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUV4QyxJQUFJLE1BQU0sRUFBRTtZQUNSLDRDQUE0QztZQUM1QyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDbkQ7YUFDSTtZQUNELElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQ3RCO0lBQ0wsQ0FBQztJQUVPLFlBQVksQ0FBQyxRQUE0QjtRQUM3QyxJQUFJLFFBQVEsQ0FBQyxFQUFFLEVBQUU7WUFDYix1REFBdUQ7WUFDdkQsT0FBTyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLFFBQVEsQ0FBQyxFQUFFLENBQUM7U0FDbkU7UUFFRCxPQUFPLE1BQU0sQ0FBQztJQUNsQixDQUFDO0NBQ0oifQ==

package/dist/module.d.ts

@@ -1,24 +0,0 @@
-import { App, ComponentOptions, VNodeProps } from "vue";
-import { IModule, IModuleConfigurator, IModuleInitializer } from "@shrub/core";
-export declare type ComponentProps<P> = VNodeProps & Record<string, any> & P;
-export declare const IVueConfiguration: import("@shrub/core").IModuleConfigurationType<IVueConfiguration>;
-export interface IVueConfiguration {
-    /** Allows configuring the Vue application before the root component is mounted. */
-    configure(callback: (app: App<Element>) => void): void;
-    /** Mounts a root Vue component. */
-    mount<P>(component: ComponentOptions<P> | (() => ComponentOptions<P>), props?: ComponentProps<P> | (() => ComponentProps<P>)): void;
-}
-export interface IVueModuleSettings {
-    /** The element id to mount to; the default is #app. */
-    readonly el?: string;
-}
-export declare class VueModule implements IModule {
-    private readonly app;
-    private component?;
-    private props?;
-    private render?;
-    readonly name = "vue";
-    initialize({ config }: IModuleInitializer): void;
-    configure({ settings, services, next }: IModuleConfigurator): Promise<void>;
-    private getElementId;
-}

package/dist/module.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VueModule = exports.IVueConfiguration = void 0;
-const vue_1 = require("vue");
-const core_1 = require("@shrub/core");
-exports.IVueConfiguration = core_1.createConfig();
-class VueModule {
-    constructor() {
-        this.app = vue_1.createApp({
-            render: () => this.render()
-        });
-        this.name = "vue";
-    }
-    initialize({ config }) {
-        config(exports.IVueConfiguration).register(() => ({
-            configure: callback => callback(this.app),
-            mount: (component, props) => {
-                if (this.component) {
-                    throw new Error("A component has already been mounted.");
-                }
-                this.component = component;
-                this.props = props;
-            }
-        }));
-    }
-    async configure({ settings, services, next }) {
-        // TODO: how to make the $service property discoverable in TS?
-        this.app.config.globalProperties.$services = services;
-        // mount the element after all dependents have had a chance to configure
-        await next();
-        if (!this.component) {
-            // TODO: write a warning to the console
-            return Promise.resolve();
-        }
-        const el = this.getElementId(settings);
-        if (!document.getElementById(el.substr(1))) {
-            throw new Error(`Element with id (${el}) not found`);
-        }
-        const router = this.app.config.globalProperties.$router;
-        const component = typeof this.component === "function" ? this.component() : this.component;
-        const props = typeof this.props === "function" ? this.props() : this.props;
-        this.render = () => vue_1.h(component, props);
-        if (router) {
-            // need to wait on the router when using SSR
-            router.isReady().then(() => this.app.mount(el));
-        }
-        else {
-            this.app.mount(el);
-        }
-    }
-    getElementId(settings) {
-        if (settings.el) {
-            // Vue expects the element id to be prefixed with a '#'
-            return settings.el[0] === "#" ? settings.el : "#" + settings.el;
-        }
-        return "#app";
-    }
-}
-exports.VueModule = VueModule;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL21vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSw2QkFBNkU7QUFDN0Usc0NBQTZGO0FBSWhGLFFBQUEsaUJBQWlCLEdBQUcsbUJBQVksRUFBcUIsQ0FBQztBQWtCbkUsTUFBYSxTQUFTO0lBQXRCO1FBQ3FCLFFBQUcsR0FBRyxlQUFTLENBQUM7WUFDN0IsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFPLEVBQUU7U0FDL0IsQ0FBQyxDQUFDO1FBTU0sU0FBSSxHQUFHLEtBQUssQ0FBQztJQXVEMUIsQ0FBQztJQXJERyxVQUFVLENBQUMsRUFBRSxNQUFNLEVBQXNCO1FBQ3JDLE1BQU0sQ0FBQyx5QkFBaUIsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3RDLFNBQVMsRUFBRSxRQUFRLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ3pDLEtBQUssRUFBRSxDQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsRUFBRTtnQkFDeEIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO29CQUNoQixNQUFNLElBQUksS0FBSyxDQUFDLHVDQUF1QyxDQUFDLENBQUM7aUJBQzVEO2dCQUVELElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO2dCQUMzQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztZQUN2QixDQUFDO1NBQ0osQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDO0lBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUF1QjtRQUM3RCw4REFBOEQ7UUFDOUQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUV0RCx3RUFBd0U7UUFDeEUsTUFBTSxJQUFJLEVBQUUsQ0FBQztRQUViLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2pCLHVDQUF1QztZQUN2QyxPQUFPLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUM1QjtRQUVELE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3hDLE1BQU0sSUFBSSxLQUFLLENBQUMsb0JBQW9CLEVBQUUsYUFBYSxDQUFDLENBQUM7U0FDeEQ7UUFFRCxNQUFNLE1BQU0sR0FBZSxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUM7UUFDcEUsTUFBTSxTQUFTLEdBQUcsT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQzNGLE1BQU0sS0FBSyxHQUFHLE9BQU8sSUFBSSxDQUFDLEtBQUssS0FBSyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUMzRSxJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsRUFBRSxDQUFDLE9BQUMsQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFFeEMsSUFBSSxNQUFNLEVBQUU7WUFDUiw0Q0FBNEM7WUFDNUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ25EO2FBQ0k7WUFDRCxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUN0QjtJQUNMLENBQUM7SUFFTyxZQUFZLENBQUMsUUFBNEI7UUFDN0MsSUFBSSxRQUFRLENBQUMsRUFBRSxFQUFFO1lBQ2IsdURBQXVEO1lBQ3ZELE9BQU8sUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUMsRUFBRSxDQUFDO1NBQ25FO1FBRUQsT0FBTyxNQUFNLENBQUM7SUFDbEIsQ0FBQztDQUNKO0FBaEVELDhCQWdFQyJ9