@vue-jsx-vapor/runtime 3.1.11 → 3.1.13

package/dist/index.cjs

@@ -9,6 +9,7 @@ exports.createComponent = require_vapor.createComponent;
 exports.createComponentWithFallback = require_vapor.createComponentWithFallback;
 exports.createNodes = require_vapor.createNodes;
 exports.createVNodeCache = require_vdom.createVNodeCache;
+exports.defineVaporSSRComponent = require_vapor.defineVaporSSRComponent;
 exports.getCurrentInstance = require_props.getCurrentInstance;
 exports.h = require_h.h;
 exports.isBlock = require_vapor.isBlock;

package/dist/index.d.cts

@@ -1,7 +1,7 @@
-import { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, isBlock, normalizeNode, setNodes } from "./vapor.cjs";
+import { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.cjs";
 import { h } from "./h.cjs";
 import { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler } from "./jsx.cjs";
 import { getCurrentInstance, useFullProps, useProps } from "./props.cjs";
 import { createVNodeCache, normalizeVNode } from "./vdom.cjs";
 import { shallowRef as useRef } from "vue";
-export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, NodeArrayChildren, NodeChild, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createComponentWithFallback, createNodes, createVNodeCache, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, useFullProps, useProps, useRef };
+export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, NodeArrayChildren, NodeChild, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createComponentWithFallback, createNodes, createVNodeCache, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, useFullProps, useProps, useRef };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, isBlock, normalizeNode, setNodes } from "./vapor.js";
+import { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.js";
 import { h } from "./h.js";
 import { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler } from "./jsx.js";
 import { getCurrentInstance, useFullProps, useProps } from "./props.js";
 import { createVNodeCache, normalizeVNode } from "./vdom.js";
 import { shallowRef as useRef } from "vue";
-export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, NodeArrayChildren, NodeChild, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createComponentWithFallback, createNodes, createVNodeCache, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, useFullProps, useProps, useRef };
+export { AbstractView, AnchorHTMLAttributes, AnimationEvent, AnimationEventHandler, AreaHTMLAttributes, AriaAttributes, AudioHTMLAttributes, BaseEventHandler, BaseHTMLAttributes, BaseSyntheticEvent, BlockquoteHTMLAttributes, ButtonHTMLAttributes, CSSProperties, CanvasHTMLAttributes, ChangeEvent, ChangeEventHandler, ClipboardEvent, ClipboardEventHandler, ColHTMLAttributes, ColgroupHTMLAttributes, CompositionEvent, CompositionEventHandler, DataHTMLAttributes, DelHTMLAttributes, DetailsHTMLAttributes, DialogHTMLAttributes, DragEvent, DragEventHandler, EmbedHTMLAttributes, EventHandler, EventHandlers, Events, FieldsetHTMLAttributes, FocusEvent, FocusEventHandler, FormEvent, FormEventHandler, FormHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, IframeHTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, InputTypeHTMLAttribute, InsHTMLAttributes, IntrinsicElementAttributes, KeyboardEvent, KeyboardEventHandler, KeygenHTMLAttributes, LabelHTMLAttributes, LiHTMLAttributes, LinkHTMLAttributes, MapHTMLAttributes, MediaHTMLAttributes, MenuHTMLAttributes, MetaHTMLAttributes, MeterHTMLAttributes, ModifierKey, MouseEvent, MouseEventHandler, NativeElements, NodeArrayChildren, NodeChild, ObjectHTMLAttributes, OlHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, OutputHTMLAttributes, ParamHTMLAttributes, ProgressHTMLAttributes, QuoteHTMLAttributes, ReservedProps, SVGAttributes, ScriptHTMLAttributes, SelectHTMLAttributes, SourceHTMLAttributes, StyleHTMLAttributes, StyleValue, SyntheticEvent, TableHTMLAttributes, TdHTMLAttributes, TextareaHTMLAttributes, ThHTMLAttributes, TimeHTMLAttributes, TrackHTMLAttributes, TransitionEvent, TransitionEventHandler, UIEvent, UIEventHandler, VideoHTMLAttributes, WebViewHTMLAttributes, WheelEvent, WheelEventHandler, createComponent, createComponentWithFallback, createNodes, createVNodeCache, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, useFullProps, useProps, useRef };

package/dist/index.js

@@ -1,8 +1,8 @@
-import { createComponent, createComponentWithFallback, createNodes, isBlock, normalizeNode, setNodes } from "./vapor.js";
+import { createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes } from "./vapor.js";
 import { h } from "./h.js";
 import "./jsx.js";
 import { getCurrentInstance, useFullProps, useProps } from "./props.js";
 import { createVNodeCache, normalizeVNode } from "./vdom.js";
 import { shallowRef as useRef } from "vue";
 
-export { createComponent, createComponentWithFallback, createNodes, createVNodeCache, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, useFullProps, useProps, useRef };
+export { createComponent, createComponentWithFallback, createNodes, createVNodeCache, defineVaporSSRComponent, getCurrentInstance, h, isBlock, normalizeNode, normalizeVNode, setNodes, useFullProps, useProps, useRef };

package/dist/jsx.d.cts

@@ -1,4 +1,4 @@
-import * as vue0 from "vue";
+import * as vue2 from "vue";
 import * as CSS from "csstype";
 
 //#region src/jsx.d.ts
@@ -1191,7 +1191,7 @@ interface Events<T = Element> {
   onTransitionstart: TransitionEventHandler<T>;
 }
 type EventHandlers<E> = { [K in keyof E]?: E[K] extends ((...args: any) => any) ? E[K] : (payload: E[K]) => void };
-type _ReservedProps = vue0.ReservedProps;
+type _ReservedProps = vue2.ReservedProps;
 interface ReservedProps extends _ReservedProps {}
 type NativeElements = { [K in keyof IntrinsicElementAttributes]: IntrinsicElementAttributes[K] & ReservedProps };
 interface BaseSyntheticEvent<E = object, C = unknown, T = unknown> {

package/dist/raw.cjs

@@ -2,9 +2,13 @@
 //#region src/props.ts?raw
 var props_default = "import { proxyRefs, toRefs, useAttrs } from \"vue\";\nimport * as Vue from \"vue\";\nexport function getCurrentInstance() {\n  return Vue.currentInstance || Vue.getCurrentInstance();\n}\nexport function useProps() {\n  const i = getCurrentInstance();\n  return i.props;\n}\nexport function useFullProps() {\n  return proxyRefs({\n    ...toRefs(useProps()),\n    ...toRefs(useAttrs())\n  });\n}\n";
 
+//#endregion
+//#region src/ssr.ts?raw
+var ssr_default = "import { useSSRContext } from \"vue\";\nexport function ssrRegisterHelper(comp, filename) {\n  if (typeof comp === \"function\") {\n    comp.__setup = () => {\n      const ssrContext = useSSRContext();\n      (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);\n    };\n  } else {\n    const setup = comp.setup;\n    comp.setup = (props, ctx) => {\n      const ssrContext = useSSRContext();\n      (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);\n      if (setup) {\n        return setup(props, ctx);\n      }\n    };\n  }\n}\n";
+
 //#endregion
 //#region src/vapor.ts?raw
-var vapor_default = "import {\n  createComponent as _createComponent,\n  createComponentWithFallback as _createComponentWithFallback,\n  createTextNode,\n  currentInstance,\n  EffectScope,\n  Fragment,\n  getCurrentInstance,\n  insert,\n  isFragment,\n  isVaporComponent,\n  remove,\n  renderEffect,\n  VaporFragment\n} from \"vue\";\nexport const createComponent = (type, ...args) => {\n  return createProxyComponent(_createComponent, type, ...args);\n};\nexport const createComponentWithFallback = (type, ...args) => {\n  const slots = args[1];\n  if (typeof type === \"string\" && slots && slots.default && typeof slots.default === \"function\") {\n    const defaultSlot = slots.default;\n    slots.default = () => {\n      return createProxyComponent(\n        _createComponentWithFallback,\n        defaultSlot,\n        null,\n        null\n      );\n    };\n  }\n  return createProxyComponent(_createComponentWithFallback, type, ...args);\n};\nconst createProxyComponent = (createComponent2, type, props, ...args) => {\n  if (type === Fragment) {\n    type = (_, { slots }) => slots.default ? slots.default() : [];\n    props = null;\n  }\n  const i = currentInstance || getCurrentInstance();\n  if (!type.__proxyed) {\n    if (typeof type === \"function\") {\n      type = new Proxy(type, {\n        apply(target, ctx, args2) {\n          if (typeof target.__setup === \"function\") {\n            target.__setup.apply(ctx, args2);\n          }\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        },\n        get(target, p, receiver) {\n          if ((i && i.appContext).vapor && p === \"__vapor\") {\n            return true;\n          }\n          return Reflect.get(target, p, receiver);\n        }\n      });\n    } else if (type.__vapor && type.setup) {\n      type.setup = new Proxy(type.setup, {\n        apply(target, ctx, args2) {\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        }\n      });\n    }\n    type.__proxyed = true;\n  }\n  return createComponent2(type, props, ...args);\n};\nexport function normalizeNode(node) {\n  if (node == null || typeof node === \"boolean\") {\n    return document.createComment(\"\");\n  } else if (Array.isArray(node) && node.length) {\n    return node.map(normalizeNode);\n  } else if (isBlock(node)) {\n    return node;\n  } else {\n    return createTextNode(String(node));\n  }\n}\nexport function isBlock(val) {\n  return val instanceof Node || Array.isArray(val) || isVaporComponent(val) || isFragment(val);\n}\nfunction createFragment(nodes, anchor = document.createTextNode(\"\")) {\n  const frag = new VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeBlock(node, anchor) {\n  if (node instanceof Node || isFragment(node)) {\n    anchor && (anchor.textContent = \"\");\n    return node;\n  } else if (isVaporComponent(node)) {\n    anchor && (anchor.textContent = \"\");\n    return createFragment(node, anchor);\n  } else if (Array.isArray(node)) {\n    anchor && (anchor.textContent = \"\");\n    return createFragment(\n      node.map((i) => normalizeBlock(i)),\n      anchor\n    );\n  } else {\n    const result = node == null || typeof node === \"boolean\" ? \"\" : String(node);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, _anchor) {\n  const node = normalizeBlock(value, _anchor);\n  if (current) {\n    if (isFragment(current)) {\n      const { anchor } = current;\n      if (anchor && anchor.parentNode) {\n        remove(current.nodes, anchor.parentNode);\n        insert(node, anchor.parentNode, anchor);\n        !_anchor && anchor.parentNode.removeChild(anchor);\n      }\n    } else if (current instanceof Node) {\n      if (isFragment(node) && current.parentNode) {\n        insert(node, current.parentNode, current);\n        current.parentNode.removeChild(current);\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor) {\n  const nodes = [];\n  const frag = createFragment(nodes, _anchor);\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === \"function\") {\n      renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = new EffectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor);\n    }\n  }\n  return frag;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  anchor.parentNode && insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n";
+var vapor_default = "import {\n  createComponent as _createComponent,\n  createComponentWithFallback as _createComponentWithFallback,\n  createTextNode,\n  currentInstance,\n  EffectScope,\n  Fragment,\n  getCurrentInstance,\n  insert,\n  isFragment,\n  isVaporComponent,\n  remove,\n  renderEffect,\n  VaporFragment\n} from \"vue\";\nexport function defineVaporSSRComponent(comp, extraOptions) {\n  if (typeof comp === \"function\") {\n    return /* @__PURE__ */ (() => Object.assign({ name: comp.name }, extraOptions, {\n      setup(props, ctx) {\n        const result = comp(props, ctx);\n        return () => result;\n      },\n      __vapor: true\n    }))();\n  }\n  const setup = comp.setup;\n  if (setup) {\n    comp.setup = (props, ctx) => {\n      const result = setup(props, ctx);\n      return () => result;\n    };\n  }\n  comp.__vapor = true;\n  return comp;\n}\nexport const createComponent = (type, ...args) => {\n  return createProxyComponent(_createComponent, type, ...args);\n};\nexport const createComponentWithFallback = (type, ...args) => {\n  const slots = args[1];\n  if (typeof type === \"string\" && slots && slots.default && typeof slots.default === \"function\") {\n    const defaultSlot = slots.default;\n    slots.default = () => {\n      return createProxyComponent(\n        _createComponentWithFallback,\n        defaultSlot,\n        null,\n        null\n      );\n    };\n  }\n  return createProxyComponent(_createComponentWithFallback, type, ...args);\n};\nconst createProxyComponent = (createComponent2, type, props, ...args) => {\n  if (type === Fragment) {\n    type = (_, { slots }) => slots.default ? slots.default() : [];\n    props = null;\n  }\n  const i = currentInstance || getCurrentInstance();\n  if (!type.__proxyed) {\n    if (typeof type === \"function\") {\n      type = new Proxy(type, {\n        apply(target, ctx, args2) {\n          if (typeof target.__setup === \"function\") {\n            target.__setup.apply(ctx, args2);\n          }\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        },\n        get(target, p, receiver) {\n          if (i && i.appContext.vapor && p === \"__vapor\") {\n            return true;\n          }\n          return Reflect.get(target, p, receiver);\n        }\n      });\n    } else if (type.__vapor && type.setup) {\n      type.setup = new Proxy(type.setup, {\n        apply(target, ctx, args2) {\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        }\n      });\n    }\n    type.__proxyed = true;\n  }\n  return createComponent2(type, props, ...args);\n};\nexport function normalizeNode(node) {\n  if (node == null || typeof node === \"boolean\") {\n    return document.createComment(\"\");\n  } else if (Array.isArray(node) && node.length) {\n    return node.map(normalizeNode);\n  } else if (isBlock(node)) {\n    return node;\n  } else {\n    return createTextNode(String(node));\n  }\n}\nexport function isBlock(val) {\n  return val instanceof Node || Array.isArray(val) || isVaporComponent(val) || isFragment(val);\n}\nfunction createFragment(nodes, anchor = document.createTextNode(\"\")) {\n  const frag = new VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeBlock(node, anchor) {\n  if (node instanceof Node || isFragment(node)) {\n    anchor && (anchor.textContent = \"\");\n    return node;\n  } else if (isVaporComponent(node)) {\n    anchor && (anchor.textContent = \"\");\n    return createFragment(node, anchor);\n  } else if (Array.isArray(node)) {\n    anchor && (anchor.textContent = \"\");\n    return createFragment(\n      node.map((i) => normalizeBlock(i)),\n      anchor\n    );\n  } else {\n    const result = node == null || typeof node === \"boolean\" ? \"\" : String(node);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, _anchor) {\n  const node = normalizeBlock(value, _anchor);\n  if (current) {\n    if (isFragment(current)) {\n      const { anchor } = current;\n      if (anchor && anchor.parentNode) {\n        remove(current.nodes, anchor.parentNode);\n        insert(node, anchor.parentNode, anchor);\n        !_anchor && anchor.parentNode.removeChild(anchor);\n      }\n    } else if (current instanceof Node) {\n      if (isFragment(node) && current.parentNode) {\n        insert(node, current.parentNode, current);\n        current.parentNode.removeChild(current);\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor) {\n  const nodes = [];\n  const frag = createFragment(nodes, _anchor);\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === \"function\") {\n      renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = new EffectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor);\n    }\n  }\n  return frag;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  anchor.parentNode && insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n";
 
 //#endregion
 //#region src/vdom.ts?raw
@@ -15,13 +19,17 @@ var vdom_default = "import {\n  cloneVNode,\n  createBlock,\n  createVNode,\n  F
 const propsHelperCode = props_default;
 const vdomHelperCode = vdom_default;
 const vaporHelperCode = vapor_default;
+const ssrHelperCode = ssr_default;
 const propsHelperId = "/vue-jsx-vapor/props";
 const vdomHelperId = "/vue-jsx-vapor/vdom";
 const vaporHelperId = "/vue-jsx-vapor/vapor";
+const ssrHelperId = "/vue-jsx-vapor/ssr";
 
 //#endregion
 exports.propsHelperCode = propsHelperCode;
 exports.propsHelperId = propsHelperId;
+exports.ssrHelperCode = ssrHelperCode;
+exports.ssrHelperId = ssrHelperId;
 exports.vaporHelperCode = vaporHelperCode;
 exports.vaporHelperId = vaporHelperId;
 exports.vdomHelperCode = vdomHelperCode;

package/dist/raw.d.cts

@@ -2,8 +2,10 @@
 declare const propsHelperCode: string;
 declare const vdomHelperCode: string;
 declare const vaporHelperCode: string;
+declare const ssrHelperCode: string;
 declare const propsHelperId = "/vue-jsx-vapor/props";
 declare const vdomHelperId = "/vue-jsx-vapor/vdom";
 declare const vaporHelperId = "/vue-jsx-vapor/vapor";
+declare const ssrHelperId = "/vue-jsx-vapor/ssr";
 //#endregion
-export { propsHelperCode, propsHelperId, vaporHelperCode, vaporHelperId, vdomHelperCode, vdomHelperId };
+export { propsHelperCode, propsHelperId, ssrHelperCode, ssrHelperId, vaporHelperCode, vaporHelperId, vdomHelperCode, vdomHelperId };

package/dist/raw.d.ts

@@ -2,8 +2,10 @@
 declare const propsHelperCode: string;
 declare const vdomHelperCode: string;
 declare const vaporHelperCode: string;
+declare const ssrHelperCode: string;
 declare const propsHelperId = "/vue-jsx-vapor/props";
 declare const vdomHelperId = "/vue-jsx-vapor/vdom";
 declare const vaporHelperId = "/vue-jsx-vapor/vapor";
+declare const ssrHelperId = "/vue-jsx-vapor/ssr";
 //#endregion
-export { propsHelperCode, propsHelperId, vaporHelperCode, vaporHelperId, vdomHelperCode, vdomHelperId };
+export { propsHelperCode, propsHelperId, ssrHelperCode, ssrHelperId, vaporHelperCode, vaporHelperId, vdomHelperCode, vdomHelperId };

package/dist/raw.js

@@ -1,9 +1,13 @@
 //#region src/props.ts?raw
 var props_default = "import { proxyRefs, toRefs, useAttrs } from \"vue\";\nimport * as Vue from \"vue\";\nexport function getCurrentInstance() {\n  return Vue.currentInstance || Vue.getCurrentInstance();\n}\nexport function useProps() {\n  const i = getCurrentInstance();\n  return i.props;\n}\nexport function useFullProps() {\n  return proxyRefs({\n    ...toRefs(useProps()),\n    ...toRefs(useAttrs())\n  });\n}\n";
 
+//#endregion
+//#region src/ssr.ts?raw
+var ssr_default = "import { useSSRContext } from \"vue\";\nexport function ssrRegisterHelper(comp, filename) {\n  if (typeof comp === \"function\") {\n    comp.__setup = () => {\n      const ssrContext = useSSRContext();\n      (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);\n    };\n  } else {\n    const setup = comp.setup;\n    comp.setup = (props, ctx) => {\n      const ssrContext = useSSRContext();\n      (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);\n      if (setup) {\n        return setup(props, ctx);\n      }\n    };\n  }\n}\n";
+
 //#endregion
 //#region src/vapor.ts?raw
-var vapor_default = "import {\n  createComponent as _createComponent,\n  createComponentWithFallback as _createComponentWithFallback,\n  createTextNode,\n  currentInstance,\n  EffectScope,\n  Fragment,\n  getCurrentInstance,\n  insert,\n  isFragment,\n  isVaporComponent,\n  remove,\n  renderEffect,\n  VaporFragment\n} from \"vue\";\nexport const createComponent = (type, ...args) => {\n  return createProxyComponent(_createComponent, type, ...args);\n};\nexport const createComponentWithFallback = (type, ...args) => {\n  const slots = args[1];\n  if (typeof type === \"string\" && slots && slots.default && typeof slots.default === \"function\") {\n    const defaultSlot = slots.default;\n    slots.default = () => {\n      return createProxyComponent(\n        _createComponentWithFallback,\n        defaultSlot,\n        null,\n        null\n      );\n    };\n  }\n  return createProxyComponent(_createComponentWithFallback, type, ...args);\n};\nconst createProxyComponent = (createComponent2, type, props, ...args) => {\n  if (type === Fragment) {\n    type = (_, { slots }) => slots.default ? slots.default() : [];\n    props = null;\n  }\n  const i = currentInstance || getCurrentInstance();\n  if (!type.__proxyed) {\n    if (typeof type === \"function\") {\n      type = new Proxy(type, {\n        apply(target, ctx, args2) {\n          if (typeof target.__setup === \"function\") {\n            target.__setup.apply(ctx, args2);\n          }\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        },\n        get(target, p, receiver) {\n          if ((i && i.appContext).vapor && p === \"__vapor\") {\n            return true;\n          }\n          return Reflect.get(target, p, receiver);\n        }\n      });\n    } else if (type.__vapor && type.setup) {\n      type.setup = new Proxy(type.setup, {\n        apply(target, ctx, args2) {\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        }\n      });\n    }\n    type.__proxyed = true;\n  }\n  return createComponent2(type, props, ...args);\n};\nexport function normalizeNode(node) {\n  if (node == null || typeof node === \"boolean\") {\n    return document.createComment(\"\");\n  } else if (Array.isArray(node) && node.length) {\n    return node.map(normalizeNode);\n  } else if (isBlock(node)) {\n    return node;\n  } else {\n    return createTextNode(String(node));\n  }\n}\nexport function isBlock(val) {\n  return val instanceof Node || Array.isArray(val) || isVaporComponent(val) || isFragment(val);\n}\nfunction createFragment(nodes, anchor = document.createTextNode(\"\")) {\n  const frag = new VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeBlock(node, anchor) {\n  if (node instanceof Node || isFragment(node)) {\n    anchor && (anchor.textContent = \"\");\n    return node;\n  } else if (isVaporComponent(node)) {\n    anchor && (anchor.textContent = \"\");\n    return createFragment(node, anchor);\n  } else if (Array.isArray(node)) {\n    anchor && (anchor.textContent = \"\");\n    return createFragment(\n      node.map((i) => normalizeBlock(i)),\n      anchor\n    );\n  } else {\n    const result = node == null || typeof node === \"boolean\" ? \"\" : String(node);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, _anchor) {\n  const node = normalizeBlock(value, _anchor);\n  if (current) {\n    if (isFragment(current)) {\n      const { anchor } = current;\n      if (anchor && anchor.parentNode) {\n        remove(current.nodes, anchor.parentNode);\n        insert(node, anchor.parentNode, anchor);\n        !_anchor && anchor.parentNode.removeChild(anchor);\n      }\n    } else if (current instanceof Node) {\n      if (isFragment(node) && current.parentNode) {\n        insert(node, current.parentNode, current);\n        current.parentNode.removeChild(current);\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor) {\n  const nodes = [];\n  const frag = createFragment(nodes, _anchor);\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === \"function\") {\n      renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = new EffectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor);\n    }\n  }\n  return frag;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  anchor.parentNode && insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n";
+var vapor_default = "import {\n  createComponent as _createComponent,\n  createComponentWithFallback as _createComponentWithFallback,\n  createTextNode,\n  currentInstance,\n  EffectScope,\n  Fragment,\n  getCurrentInstance,\n  insert,\n  isFragment,\n  isVaporComponent,\n  remove,\n  renderEffect,\n  VaporFragment\n} from \"vue\";\nexport function defineVaporSSRComponent(comp, extraOptions) {\n  if (typeof comp === \"function\") {\n    return /* @__PURE__ */ (() => Object.assign({ name: comp.name }, extraOptions, {\n      setup(props, ctx) {\n        const result = comp(props, ctx);\n        return () => result;\n      },\n      __vapor: true\n    }))();\n  }\n  const setup = comp.setup;\n  if (setup) {\n    comp.setup = (props, ctx) => {\n      const result = setup(props, ctx);\n      return () => result;\n    };\n  }\n  comp.__vapor = true;\n  return comp;\n}\nexport const createComponent = (type, ...args) => {\n  return createProxyComponent(_createComponent, type, ...args);\n};\nexport const createComponentWithFallback = (type, ...args) => {\n  const slots = args[1];\n  if (typeof type === \"string\" && slots && slots.default && typeof slots.default === \"function\") {\n    const defaultSlot = slots.default;\n    slots.default = () => {\n      return createProxyComponent(\n        _createComponentWithFallback,\n        defaultSlot,\n        null,\n        null\n      );\n    };\n  }\n  return createProxyComponent(_createComponentWithFallback, type, ...args);\n};\nconst createProxyComponent = (createComponent2, type, props, ...args) => {\n  if (type === Fragment) {\n    type = (_, { slots }) => slots.default ? slots.default() : [];\n    props = null;\n  }\n  const i = currentInstance || getCurrentInstance();\n  if (!type.__proxyed) {\n    if (typeof type === \"function\") {\n      type = new Proxy(type, {\n        apply(target, ctx, args2) {\n          if (typeof target.__setup === \"function\") {\n            target.__setup.apply(ctx, args2);\n          }\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        },\n        get(target, p, receiver) {\n          if (i && i.appContext.vapor && p === \"__vapor\") {\n            return true;\n          }\n          return Reflect.get(target, p, receiver);\n        }\n      });\n    } else if (type.__vapor && type.setup) {\n      type.setup = new Proxy(type.setup, {\n        apply(target, ctx, args2) {\n          return normalizeNode(Reflect.apply(target, ctx, args2));\n        }\n      });\n    }\n    type.__proxyed = true;\n  }\n  return createComponent2(type, props, ...args);\n};\nexport function normalizeNode(node) {\n  if (node == null || typeof node === \"boolean\") {\n    return document.createComment(\"\");\n  } else if (Array.isArray(node) && node.length) {\n    return node.map(normalizeNode);\n  } else if (isBlock(node)) {\n    return node;\n  } else {\n    return createTextNode(String(node));\n  }\n}\nexport function isBlock(val) {\n  return val instanceof Node || Array.isArray(val) || isVaporComponent(val) || isFragment(val);\n}\nfunction createFragment(nodes, anchor = document.createTextNode(\"\")) {\n  const frag = new VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeBlock(node, anchor) {\n  if (node instanceof Node || isFragment(node)) {\n    anchor && (anchor.textContent = \"\");\n    return node;\n  } else if (isVaporComponent(node)) {\n    anchor && (anchor.textContent = \"\");\n    return createFragment(node, anchor);\n  } else if (Array.isArray(node)) {\n    anchor && (anchor.textContent = \"\");\n    return createFragment(\n      node.map((i) => normalizeBlock(i)),\n      anchor\n    );\n  } else {\n    const result = node == null || typeof node === \"boolean\" ? \"\" : String(node);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, _anchor) {\n  const node = normalizeBlock(value, _anchor);\n  if (current) {\n    if (isFragment(current)) {\n      const { anchor } = current;\n      if (anchor && anchor.parentNode) {\n        remove(current.nodes, anchor.parentNode);\n        insert(node, anchor.parentNode, anchor);\n        !_anchor && anchor.parentNode.removeChild(anchor);\n      }\n    } else if (current instanceof Node) {\n      if (isFragment(node) && current.parentNode) {\n        insert(node, current.parentNode, current);\n        current.parentNode.removeChild(current);\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor) {\n  const nodes = [];\n  const frag = createFragment(nodes, _anchor);\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === \"function\") {\n      renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = new EffectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor);\n    }\n  }\n  return frag;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  anchor.parentNode && insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n";
 
 //#endregion
 //#region src/vdom.ts?raw
@@ -14,9 +18,11 @@ var vdom_default = "import {\n  cloneVNode,\n  createBlock,\n  createVNode,\n  F
 const propsHelperCode = props_default;
 const vdomHelperCode = vdom_default;
 const vaporHelperCode = vapor_default;
+const ssrHelperCode = ssr_default;
 const propsHelperId = "/vue-jsx-vapor/props";
 const vdomHelperId = "/vue-jsx-vapor/vdom";
 const vaporHelperId = "/vue-jsx-vapor/vapor";
+const ssrHelperId = "/vue-jsx-vapor/ssr";
 
 //#endregion
-export { propsHelperCode, propsHelperId, vaporHelperCode, vaporHelperId, vdomHelperCode, vdomHelperId };
+export { propsHelperCode, propsHelperId, ssrHelperCode, ssrHelperId, vaporHelperCode, vaporHelperId, vdomHelperCode, vdomHelperId };

package/dist/ssr.cjs

@@ -0,0 +1,21 @@
+const require_props = require('./props-DyKlXDej.cjs');
+let vue = require("vue");
+
+//#region src/ssr.ts
+function ssrRegisterHelper(comp, filename) {
+	if (typeof comp === "function") comp.__setup = () => {
+		const ssrContext = (0, vue.useSSRContext)();
+		(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);
+	};
+	else {
+		const setup = comp.setup;
+		comp.setup = (props, ctx) => {
+			const ssrContext = (0, vue.useSSRContext)();
+			(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);
+			if (setup) return setup(props, ctx);
+		};
+	}
+}
+
+//#endregion
+exports.ssrRegisterHelper = ssrRegisterHelper;

package/dist/ssr.d.cts

@@ -0,0 +1,6 @@
+import { ComponentOptions } from "vue";
+
+//#region src/ssr.d.ts
+declare function ssrRegisterHelper(comp: ComponentOptions, filename: string): void;
+//#endregion
+export { ssrRegisterHelper };

package/dist/ssr.d.ts

@@ -0,0 +1,6 @@
+import { ComponentOptions } from "vue";
+
+//#region src/ssr.d.ts
+declare function ssrRegisterHelper(comp: ComponentOptions, filename: string): void;
+//#endregion
+export { ssrRegisterHelper };

package/dist/ssr.js

@@ -0,0 +1,20 @@
+import { useSSRContext } from "vue";
+
+//#region src/ssr.ts
+function ssrRegisterHelper(comp, filename) {
+	if (typeof comp === "function") comp.__setup = () => {
+		const ssrContext = useSSRContext();
+		(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);
+	};
+	else {
+		const setup = comp.setup;
+		comp.setup = (props, ctx) => {
+			const ssrContext = useSSRContext();
+			(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);
+			if (setup) return setup(props, ctx);
+		};
+	}
+}
+
+//#endregion
+export { ssrRegisterHelper };

package/dist/vapor.cjs

@@ -2,6 +2,22 @@ const require_props = require('./props-DyKlXDej.cjs');
 let vue = require("vue");
 
 //#region src/vapor.ts
+function defineVaporSSRComponent(comp, extraOptions) {
+	if (typeof comp === "function") return /* @__PURE__ */ (() => Object.assign({ name: comp.name }, extraOptions, {
+		setup(props, ctx) {
+			const result = comp(props, ctx);
+			return () => result;
+		},
+		__vapor: true
+	}))();
+	const setup = comp.setup;
+	if (setup) comp.setup = (props, ctx) => {
+		const result = setup(props, ctx);
+		return () => result;
+	};
+	comp.__vapor = true;
+	return comp;
+}
 const createComponent = (type, ...args) => {
 	return createProxyComponent(vue.createComponent, type, ...args);
 };
@@ -28,7 +44,7 @@ const createProxyComponent = (createComponent$1, type, props, ...args) => {
 				return normalizeNode(Reflect.apply(target, ctx, args$1));
 			},
 			get(target, p, receiver) {
-				if ((i && i.appContext).vapor && p === "__vapor") return true;
+				if (i && i.appContext.vapor && p === "__vapor") return true;
 				return Reflect.get(target, p, receiver);
 			}
 		});
@@ -122,6 +138,7 @@ function createNodes(...values) {
 exports.createComponent = createComponent;
 exports.createComponentWithFallback = createComponentWithFallback;
 exports.createNodes = createNodes;
+exports.defineVaporSSRComponent = defineVaporSSRComponent;
 exports.isBlock = isBlock;
 exports.normalizeNode = normalizeNode;
 exports.setNodes = setNodes;

package/dist/vapor.d.cts

@@ -1,10 +1,11 @@
-import * as vue1 from "vue";
+import * as vue0 from "vue";
 import { Block, Fragment, VaporComponent, VaporFragment, createComponent as createComponent$1, createComponentWithFallback as createComponentWithFallback$1 } from "vue";
 
 //#region src/vapor.d.ts
+declare function defineVaporSSRComponent(comp: VaporComponent, extraOptions: VaporComponent): VaporComponent;
 type Tail<T extends any[]> = T extends [any, ...infer R] ? R : never;
-declare const createComponent: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof createComponent$1>>) => vue1.VaporComponentInstance | HTMLElement;
-declare const createComponentWithFallback: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof createComponentWithFallback$1>>) => vue1.VaporComponentInstance | HTMLElement;
+declare const createComponent: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof createComponent$1>>) => vue0.VaporComponentInstance | HTMLElement;
+declare const createComponentWithFallback: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof createComponentWithFallback$1>>) => vue0.VaporComponentInstance | HTMLElement;
 type NodeChildAtom = Block | string | number | boolean | null | undefined | void;
 type NodeArrayChildren = Array<NodeArrayChildren | NodeChildAtom>;
 type NodeChild = NodeChildAtom | NodeArrayChildren;
@@ -13,4 +14,4 @@ declare function isBlock(val: NonNullable<unknown>): val is Block;
 declare function setNodes(anchor: Node, ...values: any[]): void;
 declare function createNodes(...values: any[]): VaporFragment;
 //#endregion
-export { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, isBlock, normalizeNode, setNodes };
+export { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };

package/dist/vapor.d.ts

@@ -2,6 +2,7 @@ import * as vue1 from "vue";
 import { Block, Fragment, VaporComponent, VaporFragment, createComponent as createComponent$1, createComponentWithFallback as createComponentWithFallback$1 } from "vue";
 
 //#region src/vapor.d.ts
+declare function defineVaporSSRComponent(comp: VaporComponent, extraOptions: VaporComponent): VaporComponent;
 type Tail<T extends any[]> = T extends [any, ...infer R] ? R : never;
 declare const createComponent: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof createComponent$1>>) => vue1.VaporComponentInstance | HTMLElement;
 declare const createComponentWithFallback: (type: VaporComponent | typeof Fragment, ...args: Tail<Parameters<typeof createComponentWithFallback$1>>) => vue1.VaporComponentInstance | HTMLElement;
@@ -13,4 +14,4 @@ declare function isBlock(val: NonNullable<unknown>): val is Block;
 declare function setNodes(anchor: Node, ...values: any[]): void;
 declare function createNodes(...values: any[]): VaporFragment;
 //#endregion
-export { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, isBlock, normalizeNode, setNodes };
+export { NodeArrayChildren, NodeChild, createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };

package/dist/vapor.js

@@ -1,6 +1,22 @@
 import { EffectScope, Fragment, VaporFragment, createComponent as createComponent$1, createComponentWithFallback as createComponentWithFallback$1, createTextNode, currentInstance, getCurrentInstance, insert, isFragment, isVaporComponent, remove, renderEffect } from "vue";
 
 //#region src/vapor.ts
+function defineVaporSSRComponent(comp, extraOptions) {
+	if (typeof comp === "function") return /* @__PURE__ */ (() => Object.assign({ name: comp.name }, extraOptions, {
+		setup(props, ctx) {
+			const result = comp(props, ctx);
+			return () => result;
+		},
+		__vapor: true
+	}))();
+	const setup = comp.setup;
+	if (setup) comp.setup = (props, ctx) => {
+		const result = setup(props, ctx);
+		return () => result;
+	};
+	comp.__vapor = true;
+	return comp;
+}
 const createComponent = (type, ...args) => {
 	return createProxyComponent(createComponent$1, type, ...args);
 };
@@ -27,7 +43,7 @@ const createProxyComponent = (createComponent$2, type, props, ...args) => {
 				return normalizeNode(Reflect.apply(target, ctx, args$1));
 			},
 			get(target, p, receiver) {
-				if ((i && i.appContext).vapor && p === "__vapor") return true;
+				if (i && i.appContext.vapor && p === "__vapor") return true;
 				return Reflect.get(target, p, receiver);
 			}
 		});
@@ -118,4 +134,4 @@ function createNodes(...values) {
 }
 
 //#endregion
-export { createComponent, createComponentWithFallback, createNodes, isBlock, normalizeNode, setNodes };
+export { createComponent, createComponentWithFallback, createNodes, defineVaporSSRComponent, isBlock, normalizeNode, setNodes };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vue-jsx-vapor/runtime",
   "type": "module",
-  "version": "3.1.11",
+  "version": "3.1.13",
   "description": "Vue JSX Vapor Runtime",
   "license": "MIT",
   "homepage": "https://github.com/vuejs/vue-jsx-vapor#readme",