@publisle/adapter-vue 0.0.0-stage → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 VoidReg
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,13 @@
-# Temporary Holding Version
+# @publisle/adapter-vue
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Publisle Core package.
+
+Requires Node.js 24 or later. Framework adapters also require their declared peer dependencies.
+This package is part of Publisle, independently versioned at `0.1.1` and published under the npm `beta` tag.
+Frozen contract version integers are independent of npm package versions.
+
+- [Core standard](https://github.com/VoidReg/publisle/blob/main/docs/standards/README.md)
+- [Quickstart and package usage](https://github.com/VoidReg/publisle#readme)
+- [Distribution and release checklist](https://github.com/VoidReg/publisle/blob/main/docs/guides/releases.md)
+
+Core packages do not install Research templates, citeproc, PDF compilers, or TeX.

package/dist/emitter.d.ts

@@ -0,0 +1,3 @@
+import { type AdapterTarget } from "@publisle/adapter-core";
+export declare const vueTarget: AdapterTarget;
+//# sourceMappingURL=emitter.d.ts.map

package/dist/emitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emitter.d.ts","sourceRoot":"","sources":["../src/emitter.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAC;AAChC,eAAO,MAAM,SAAS,EAAE,aAqBvB,CAAC"}

package/dist/emitter.js

@@ -0,0 +1,25 @@
+import { javascriptValue as js, placementProgram, } from "@publisle/adapter-core";
+export const vueTarget = {
+    name: "vue",
+    extension: "js",
+    emitModule(plan) {
+        const components = [];
+        const emit = (node) => {
+            if (node.kind === "text")
+                return js(node.value);
+            if (node.kind === "raw")
+                return `h("span",{innerHTML:${js(node.value)}})`;
+            if (node.kind === "component" || node.kind === "island") {
+                const index = components.push(node) - 1;
+                if (node.kind === "component")
+                    return `h(Static${index},${js(node.props)})`;
+                return `h(PublisleIsland,{activation:${js(node.activation)},label:${js(node.label)},input:${js(node.props)},load:()=>import(${js(node.module)}),exportName:${js(node.exportName)}},{default:()=>[${node.fallback.map(emit).join(",")}]})`;
+            }
+            return `h(${js(node.tag)},publislePlace(${js(node.attributes)},placement),[${node.children.map(emit).join(",")}])`;
+        };
+        const body = plan.nodes.map(emit).join(",");
+        const placement = placementProgram(plan.nodes);
+        return `import {h,defineComponent,useId} from "vue";\n${components.some((node) => node.kind === "island") ? 'import {PublisleIsland} from "@publisle/adapter-vue/runtime";' : ""}\n${components.map((node, index) => (node.kind === "component" ? `import {${js(node.exportName)} as Static${index}} from ${js(node.module)};` : "")).join("\n")}\n${placement || "const publislePlace=(attributes)=>attributes;"}\nexport const metadata=${js(plan.metadata ?? null)};export const diagnostics=${js(plan.diagnostics)};export const document=${js(plan.document)};\nexport default defineComponent({props:{instanceId:String},setup(props){const id=useId();const placement=props.instanceId ?? ("publisle"+id.replace(/[^A-Za-z0-9_-]/g,"_"));return ()=>h("div",null,[${body}]);}});`;
+    },
+};
+//# sourceMappingURL=emitter.js.map

package/dist/emitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emitter.js","sourceRoot":"","sources":["../src/emitter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,EAAE,EACrB,gBAAgB,GAGjB,MAAM,wBAAwB,CAAC;AAChC,MAAM,CAAC,MAAM,SAAS,GAAkB;IACtC,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,IAAI;IACf,UAAU,CAAC,IAAI;QACb,MAAM,UAAU,GACd,EAAE,CAAC;QACL,MAAM,IAAI,GAAG,CAAC,IAAgB,EAAU,EAAE;YACxC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;gBAAE,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChD,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;gBAAE,OAAO,uBAAuB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAC1E,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACxD,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACxC,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW;oBAC3B,OAAO,WAAW,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;gBAC/C,OAAO,gCAAgC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,mBAAmB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;YAC5O,CAAC;YACD,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;QACrH,CAAC,CAAC;QACF,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5C,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,OAAO,iDAAiD,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,KAAK,UAAU,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,SAAS,IAAI,+CAA+C,2BAA2B,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,6BAA6B,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,0BAA0B,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,0MAA0M,IAAI,SAAS,CAAC;IAC3vB,CAAC;CACF,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { PublisleViteOptions } from "@publisle/adapter-core";
+export { vueTarget } from "./emitter.js";
+export { PublisleArticle, PublisleIsland } from "./runtime.js";
+export { createRenderPlan, compilePublication } from "@publisle/adapter-core";
+export declare function publisleVue(options: Omit<PublisleViteOptions, "target">): Promise<import("vite").Plugin<any>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,qBAAqB;AACzC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,qBAAqB;AAC/D,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,wBAAgB,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,uCAKvE"}

package/dist/index.js

@@ -0,0 +1,8 @@
+import { vueTarget } from "./emitter.js";
+export { vueTarget } from "./emitter.js";
+export { PublisleArticle, PublisleIsland } from "./runtime.js";
+export { createRenderPlan, compilePublication } from "@publisle/adapter-core";
+export function publisleVue(options) {
+    return import("@publisle/adapter-core/vite").then(({ createPublisleVitePlugin }) => createPublisleVitePlugin({ ...options, target: vueTarget }));
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC9E,MAAM,UAAU,WAAW,CAAC,OAA4C;IACtE,OAAO,MAAM,CAAC,6BAA6B,CAAC,CAAC,IAAI,CAC/C,CAAC,EAAE,wBAAwB,EAAE,EAAE,EAAE,CAC/B,wBAAwB,CAAC,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAC9D,CAAC;AACJ,CAAC"}

package/dist/runtime.d.ts

@@ -0,0 +1,80 @@
+import { type PropType } from "vue";
+import { type PublicationArtifact, type PublicationEnvironment } from "@publisle/adapter-core/publication-runtime";
+export declare const PublisleArticle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    publication: {
+        type: PropType<PublicationArtifact>;
+        required: true;
+    };
+    instanceId: {
+        type: StringConstructor;
+        required: true;
+    };
+    implementations: {
+        type: PropType<PublicationEnvironment["implementations"]>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    publication: {
+        type: PropType<PublicationArtifact>;
+        required: true;
+    };
+    instanceId: {
+        type: StringConstructor;
+        required: true;
+    };
+    implementations: {
+        type: PropType<PublicationEnvironment["implementations"]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    implementations: Readonly<Record<string, () => Promise<unknown>>> | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { Activation, JsonValue } from "@publisle/schema";
+export declare const PublisleIsland: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    activation: {
+        type: PropType<Activation>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    input: {
+        type: PropType<JsonValue>;
+        required: true;
+    };
+    load: {
+        type: PropType<() => Promise<unknown>>;
+        required: true;
+    };
+    exportName: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    activation: {
+        type: PropType<Activation>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    input: {
+        type: PropType<JsonValue>;
+        required: true;
+    };
+    load: {
+        type: PropType<() => Promise<unknown>>;
+        required: true;
+    };
+    exportName: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=runtime.d.ts.map

package/dist/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AACb,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAE5B,MAAM,4CAA4C,CAAC;AACpD,eAAO,MAAM,eAAe;;cAIN,QAAQ,CAAC,mBAAmB,CAAC;;;;;;;;cAK7B,QAAQ,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;;;;;;;cALnD,QAAQ,CAAC,mBAAmB,CAAC;;;;;;;;cAK7B,QAAQ,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;;;;;4EAuCvE,CAAC;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC9D,eAAO,MAAM,cAAc;;cAGO,QAAQ,CAAC,UAAU,CAAC;;;;;;;;cAEzB,QAAQ,CAAC,SAAS,CAAC;;;;cAExB,QAAQ,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;;;;;;;;;;;cAJtB,QAAQ,CAAC,UAAU,CAAC;;;;;;;;cAEzB,QAAQ,CAAC,SAAS,CAAC;;;;cAExB,QAAQ,CAAC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;;;;;;;iGAwDtD,CAAC"}

package/dist/runtime.js

@@ -0,0 +1,99 @@
+import { defineComponent, h, shallowRef, onMounted, onBeforeUnmount, watch, createApp, } from "vue";
+import { attachPublication, instantiatePublication, } from "@publisle/adapter-core/publication-runtime";
+export const PublisleArticle = defineComponent({
+    name: "PublisleArticle",
+    props: {
+        publication: {
+            type: Object,
+            required: true,
+        },
+        instanceId: { type: String, required: true },
+        implementations: {
+            type: Object,
+            default: undefined,
+        },
+    },
+    setup(props) {
+        const root = shallowRef();
+        let handle;
+        const attach = () => {
+            handle?.dispose();
+            if (!root.value)
+                return;
+            handle = attachPublication(root.value, props.publication, {
+                ...(props.implementations
+                    ? { implementations: props.implementations }
+                    : {}),
+                mount(module, target, input) {
+                    const component = module.default;
+                    const app = createApp(component, input);
+                    app.mount(target);
+                    return app;
+                },
+                unmount(instance) {
+                    instance.unmount();
+                },
+            });
+        };
+        onMounted(attach);
+        watch(() => [props.publication, props.instanceId, props.implementations], attach, { flush: "post" });
+        onBeforeUnmount(() => handle?.dispose());
+        return () => h("div", {
+            ref: root,
+            innerHTML: instantiatePublication(props.publication, props.instanceId)
+                .html,
+        });
+    },
+});
+import { createIslandController } from "@publisle/adapter-core/island-runtime";
+export const PublisleIsland = defineComponent({
+    name: "PublisleIsland",
+    props: {
+        activation: { type: String, required: true },
+        label: { type: String, required: true },
+        input: { type: Object, required: true },
+        load: {
+            type: Function,
+            required: true,
+        },
+        exportName: { type: String, required: true },
+    },
+    setup(props, { slots }) {
+        const scope = shallowRef();
+        const root = shallowRef();
+        const fallback = shallowRef();
+        let controller;
+        const attach = () => {
+            controller?.destroy();
+            if (!scope.value || !root.value || !fallback.value)
+                return;
+            controller = createIslandController({
+                scope: scope.value,
+                root: root.value,
+                fallback: fallback.value,
+                activation: props.activation,
+                props: props.input,
+                load: props.load,
+                mount(module, target, input) {
+                    const component = module[props.exportName];
+                    if (!component)
+                        throw new Error(`Missing Vue island export ${props.exportName}`);
+                    const app = createApp(component, input);
+                    app.mount(target);
+                    return app;
+                },
+                unmount(instance) {
+                    instance.unmount();
+                },
+            });
+        };
+        onMounted(attach);
+        watch(() => [props.activation, props.input, props.load, props.exportName], attach, { flush: "post" });
+        onBeforeUnmount(() => controller?.destroy());
+        return () => h("div", { ref: scope, class: "publisle-island", "aria-label": props.label }, [
+            h("div", { ref: fallback, "data-publisle-fallback": true }, slots["default"]?.()),
+            h("div", { ref: root, hidden: true, "data-publisle-mount": true }),
+        ]);
+    },
+});
+//# sourceMappingURL=runtime.js.map

package/dist/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,52 @@
 {
   "name": "@publisle/adapter-vue",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.1",
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./runtime": {
+      "types": "./dist/runtime.d.ts",
+      "import": "./dist/runtime.js",
+      "default": "./dist/runtime.js"
+    }
+  },
+  "dependencies": {
+    "@publisle/adapter-core": "^0.1.1",
+    "@publisle/core": "^0.1.1",
+    "@publisle/schema": "^0.1.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "vite": "^8.0.0"
+  },
+  "devDependencies": {
+    "vue": "^3.5.0",
+    "vite": "^8.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "NOTICE.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=24"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/VoidReg/publisle.git",
+    "directory": "packages/adapter-vue"
+  },
+  "homepage": "https://github.com/VoidReg/publisle#readme",
+  "types": "./dist/index.d.ts"
 }

package/src/emitter.ts

@@ -0,0 +1,28 @@
+import {
+  javascriptValue as js,
+  placementProgram,
+  type AdapterTarget,
+  type RenderNode,
+} from "@publisle/adapter-core";
+export const vueTarget: AdapterTarget = {
+  name: "vue",
+  extension: "js",
+  emitModule(plan) {
+    const components: Extract<RenderNode, { kind: "component" | "island" }>[] =
+      [];
+    const emit = (node: RenderNode): string => {
+      if (node.kind === "text") return js(node.value);
+      if (node.kind === "raw") return `h("span",{innerHTML:${js(node.value)}})`;
+      if (node.kind === "component" || node.kind === "island") {
+        const index = components.push(node) - 1;
+        if (node.kind === "component")
+          return `h(Static${index},${js(node.props)})`;
+        return `h(PublisleIsland,{activation:${js(node.activation)},label:${js(node.label)},input:${js(node.props)},load:()=>import(${js(node.module)}),exportName:${js(node.exportName)}},{default:()=>[${node.fallback.map(emit).join(",")}]})`;
+      }
+      return `h(${js(node.tag)},publislePlace(${js(node.attributes)},placement),[${node.children.map(emit).join(",")}])`;
+    };
+    const body = plan.nodes.map(emit).join(",");
+    const placement = placementProgram(plan.nodes);
+    return `import {h,defineComponent,useId} from "vue";\n${components.some((node) => node.kind === "island") ? 'import {PublisleIsland} from "@publisle/adapter-vue/runtime";' : ""}\n${components.map((node, index) => (node.kind === "component" ? `import {${js(node.exportName)} as Static${index}} from ${js(node.module)};` : "")).join("\n")}\n${placement || "const publislePlace=(attributes)=>attributes;"}\nexport const metadata=${js(plan.metadata ?? null)};export const diagnostics=${js(plan.diagnostics)};export const document=${js(plan.document)};\nexport default defineComponent({props:{instanceId:String},setup(props){const id=useId();const placement=props.instanceId ?? ("publisle"+id.replace(/[^A-Za-z0-9_-]/g,"_"));return ()=>h("div",null,[${body}]);}});`;
+  },
+};

package/src/index.ts

@@ -0,0 +1,11 @@
+import type { PublisleViteOptions } from "@publisle/adapter-core";
+import { vueTarget } from "./emitter.ts";
+export { vueTarget } from "./emitter.ts";
+export { PublisleArticle, PublisleIsland } from "./runtime.ts";
+export { createRenderPlan, compilePublication } from "@publisle/adapter-core";
+export function publisleVue(options: Omit<PublisleViteOptions, "target">) {
+  return import("@publisle/adapter-core/vite").then(
+    ({ createPublisleVitePlugin }) =>
+      createPublisleVitePlugin({ ...options, target: vueTarget }),
+  );
+}

package/src/runtime.ts

@@ -0,0 +1,134 @@
+import {
+  defineComponent,
+  h,
+  shallowRef,
+  onMounted,
+  onBeforeUnmount,
+  watch,
+  createApp,
+  type Component,
+  type PropType,
+} from "vue";
+import {
+  attachPublication,
+  instantiatePublication,
+  type PublicationArtifact,
+  type PublicationEnvironment,
+  type PublicationHandle,
+} from "@publisle/adapter-core/publication-runtime";
+export const PublisleArticle = defineComponent({
+  name: "PublisleArticle",
+  props: {
+    publication: {
+      type: Object as PropType<PublicationArtifact>,
+      required: true,
+    },
+    instanceId: { type: String, required: true },
+    implementations: {
+      type: Object as PropType<PublicationEnvironment["implementations"]>,
+      default: undefined,
+    },
+  },
+  setup(props) {
+    const root = shallowRef<HTMLElement>();
+    let handle: PublicationHandle | undefined;
+    const attach = () => {
+      handle?.dispose();
+      if (!root.value) return;
+      handle = attachPublication(root.value, props.publication, {
+        ...(props.implementations
+          ? { implementations: props.implementations }
+          : {}),
+        mount(module, target, input) {
+          const component = (module as { default: Component }).default;
+          const app = createApp(component, input as Record<string, unknown>);
+          app.mount(target);
+          return app;
+        },
+        unmount(instance) {
+          (instance as ReturnType<typeof createApp>).unmount();
+        },
+      });
+    };
+    onMounted(attach);
+    watch(
+      () => [props.publication, props.instanceId, props.implementations],
+      attach,
+      { flush: "post" },
+    );
+    onBeforeUnmount(() => handle?.dispose());
+    return () =>
+      h("div", {
+        ref: root,
+        innerHTML: instantiatePublication(props.publication, props.instanceId)
+          .html,
+      });
+  },
+});
+
+import { createIslandController } from "@publisle/adapter-core/island-runtime";
+import type { Activation, JsonValue } from "@publisle/schema";
+export const PublisleIsland = defineComponent({
+  name: "PublisleIsland",
+  props: {
+    activation: { type: String as PropType<Activation>, required: true },
+    label: { type: String, required: true },
+    input: { type: Object as PropType<JsonValue>, required: true },
+    load: {
+      type: Function as PropType<() => Promise<unknown>>,
+      required: true,
+    },
+    exportName: { type: String, required: true },
+  },
+  setup(props, { slots }) {
+    const scope = shallowRef<HTMLElement>();
+    const root = shallowRef<HTMLElement>();
+    const fallback = shallowRef<HTMLElement>();
+    let controller: ReturnType<typeof createIslandController> | undefined;
+    const attach = () => {
+      controller?.destroy();
+      if (!scope.value || !root.value || !fallback.value) return;
+      controller = createIslandController({
+        scope: scope.value,
+        root: root.value,
+        fallback: fallback.value,
+        activation: props.activation,
+        props: props.input,
+        load: props.load,
+        mount(module, target, input) {
+          const component = (module as Record<string, Component>)[
+            props.exportName
+          ];
+          if (!component)
+            throw new Error(`Missing Vue island export ${props.exportName}`);
+          const app = createApp(component, input as Record<string, unknown>);
+          app.mount(target);
+          return app;
+        },
+        unmount(instance) {
+          (instance as ReturnType<typeof createApp>).unmount();
+        },
+      });
+    };
+    onMounted(attach);
+    watch(
+      () => [props.activation, props.input, props.load, props.exportName],
+      attach,
+      { flush: "post" },
+    );
+    onBeforeUnmount(() => controller?.destroy());
+    return () =>
+      h(
+        "div",
+        { ref: scope, class: "publisle-island", "aria-label": props.label },
+        [
+          h(
+            "div",
+            { ref: fallback, "data-publisle-fallback": true },
+            slots["default"]?.(),
+          ),
+          h("div", { ref: root, hidden: true, "data-publisle-mount": true }),
+        ],
+      );
+  },
+});