@web-widget/vue2 0.0.1

package/README.md

@@ -0,0 +1 @@
+# @web-widget/vue2

package/dist/vue2.client.d.ts

@@ -0,0 +1,18 @@
+import * as _web_widget_schema from '@web-widget/schema';
+export * from '@web-widget/schema/client';
+
+declare const render: (context: _web_widget_schema.ClientWidgetRenderContext<unknown> | _web_widget_schema.ClientRouteRenderContext<unknown, Record<string, string>>) => Promise<void | {
+    mount?: (() => void | Promise<void>) | undefined;
+    unmount?: (() => void | Promise<void>) | undefined;
+    update?: (({ data }: {
+        data: Record<string, any>;
+    }) => void | Promise<void>) | undefined;
+} | {
+    mount?: (() => void | Promise<void>) | undefined;
+    unmount?: (() => void | Promise<void>) | undefined;
+    update?: (({ data }: {
+        data: Record<string, any>;
+    }) => void | Promise<void>) | undefined;
+}>;
+
+export { render };

package/dist/vue2.client.js

@@ -0,0 +1,20 @@
+// src/client.ts
+import Vue from "vue";
+import { defineRender } from "@web-widget/schema/client";
+export * from "@web-widget/schema/client";
+var render = defineRender(
+  async ({ recovering, container }, component, props) => {
+    if (!container) {
+      throw new Error(`Container required.`);
+    }
+    const app = new Vue({
+      render(h) {
+        return h(component, props);
+      }
+    });
+    app.$mount(container);
+  }
+);
+export {
+  render
+};

package/dist/vue2.server.d.ts

@@ -0,0 +1,6 @@
+import * as _web_widget_schema from '@web-widget/schema';
+export * from '@web-widget/schema/server';
+
+declare const render: (context: _web_widget_schema.ServerWidgetRenderContext<unknown> | _web_widget_schema.ServerRouteRenderContext<unknown, Record<string, string>>) => Promise<string | ReadableStream<any>>;
+
+export { render };

package/dist/vue2.server.js

@@ -0,0 +1,17 @@
+// src/server.ts
+import Vue from "vue";
+import { createRenderer } from "vue-server-renderer";
+import { defineRender } from "@web-widget/schema/server";
+export * from "@web-widget/schema/server";
+var render = defineRender(async (context, component, props) => {
+  const renderer = createRenderer();
+  const app = new Vue({
+    render(h) {
+      return h(component, props);
+    }
+  });
+  return renderer.renderToString(app);
+});
+export {
+  render
+};

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@web-widget/vue2",
+  "version": "0.0.1",
+  "type": "module",
+  "exports": {
+    ".": {
+      "worker": {
+        "types": "./dist/vue2.server.d.ts",
+        "default": "./dist/vue2.server.js"
+      },
+      "browser": {
+        "types": "./dist/vue2.client.d.ts",
+        "default": "./dist/vue2.client.js"
+      },
+      "default": {
+        "types": "./dist/vue2.server.d.ts",
+        "default": "./dist/vue2.server.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@web-widget/schema": "0.0.1"
+  },
+  "peerDependencies": {
+    "vue": "^2.7.14",
+    "vue-server-renderer": "^2.7.14"
+  },
+  "devDependencies": {
+    "tsup": "^7.0.0",
+    "typescript": "^5.0.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "pnpm exec tsup",
+    "dev": "pnpm exec tsup --watch"
+  }
+}