@prosekit/vue 0.3.11 → 0.3.13

package/dist/chunk-7DYF3H5Q.js

@@ -0,0 +1,47 @@
+import {
+  useEditorContext
+} from "./chunk-KCTUNTM2.js";
+
+// src/components/create-component.ts
+import {
+  defineComponent,
+  h,
+  onMounted,
+  ref
+} from "vue";
+function createComponent(tagName, displayName, defaultProps) {
+  const propertyNames = Object.keys(defaultProps);
+  const hasEditor = Object.hasOwn(defaultProps, "editor");
+  const Component = defineComponent(
+    (props, { slots }) => {
+      const editor = useEditorContext();
+      const mounted = ref(false);
+      onMounted(() => {
+        mounted.value = true;
+      });
+      return () => {
+        var _a;
+        const properties = {};
+        for (const [key, value] of Object.entries(props)) {
+          if (value !== void 0 && !key.startsWith(".")) {
+            properties[propertyNames.includes(key) ? "." + key : key] = value;
+          }
+        }
+        if (hasEditor && editor && !properties["editor"]) {
+          properties.editor = editor;
+        }
+        properties.key = mounted.value ? 1 : 0;
+        return h(tagName, properties, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      };
+    },
+    {
+      props: propertyNames,
+      name: displayName
+    }
+  );
+  return Component;
+}
+
+export {
+  createComponent
+};

package/dist/prosekit-vue-autocomplete.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-DJHAZPRE.js";
+} from "./chunk-7DYF3H5Q.js";
 import "./chunk-KCTUNTM2.js";
 
 // src/components/autocomplete/autocomplete-empty.gen.ts

package/dist/prosekit-vue-block-handle.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-DJHAZPRE.js";
+} from "./chunk-7DYF3H5Q.js";
 import "./chunk-KCTUNTM2.js";
 
 // src/components/block-handle/block-drag-handle.gen.ts

package/dist/prosekit-vue-inline-popover.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-DJHAZPRE.js";
+} from "./chunk-7DYF3H5Q.js";
 import "./chunk-KCTUNTM2.js";
 
 // src/components/inline-popover/inline-popover.gen.ts

package/dist/prosekit-vue-popover.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-DJHAZPRE.js";
+} from "./chunk-7DYF3H5Q.js";
 import "./chunk-KCTUNTM2.js";
 
 // src/components/popover/popover-content.gen.ts

package/dist/prosekit-vue-resizable.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-DJHAZPRE.js";
+} from "./chunk-7DYF3H5Q.js";
 import "./chunk-KCTUNTM2.js";
 
 // src/components/resizable/resizable-handle.gen.ts

package/dist/prosekit-vue-tooltip.js

@@ -1,6 +1,6 @@
 import {
   createComponent
-} from "./chunk-DJHAZPRE.js";
+} from "./chunk-7DYF3H5Q.js";
 import "./chunk-KCTUNTM2.js";
 
 // src/components/tooltip/tooltip-content.gen.ts

package/dist/prosekit-vue.js

@@ -31,12 +31,16 @@ import "vue";
 import { EditorNotFoundError } from "@prosekit/core";
 import { toValue, watchPostEffect } from "vue";
 function useEditorExtension(editorRef, extensionRef) {
-  let editorContext = useEditorContext();
+  const editorContext = useEditorContext();
   watchPostEffect((onCleanup) => {
-    let editor = toValue(editorRef) || toValue(editorContext), extension = toValue(extensionRef);
-    if (!editor)
+    const editor = toValue(editorRef) || toValue(editorContext);
+    const extension = toValue(extensionRef);
+    if (!editor) {
       throw new EditorNotFoundError();
-    extension && onCleanup(editor.use(extension));
+    }
+    if (extension) {
+      onCleanup(editor.use(extension));
+    }
   });
 }
 
@@ -45,7 +49,7 @@ import { withPriority } from "@prosekit/core";
 import { computed, toValue as toValue2 } from "vue";
 function usePriorityExtension(extension, priority) {
   return computed(() => {
-    let ext = toValue2(extension);
+    const ext = toValue2(extension);
     return ext && priority ? withPriority(ext, priority) : ext;
   });
 }
@@ -63,7 +67,7 @@ function withNodeViewProps(component) {
   return defineComponent({
     name: "NodeViewPropsWrapper",
     setup: () => {
-      let props = useNodeViewContext();
+      const props = useNodeViewContext();
       return () => h(component, props);
     }
   });
@@ -71,12 +75,17 @@ function withNodeViewProps(component) {
 var VueViewsConsumer = /* @__PURE__ */ defineComponent({
   name: "VueViewsConsumer",
   setup: () => {
-    let nodeViewFactory = useNodeViewFactory(), extension = computed2(() => defineVueNodeViewFactory(nodeViewFactory));
-    return useExtension(extension), () => null;
+    const nodeViewFactory = useNodeViewFactory();
+    const extension = computed2(() => {
+      return defineVueNodeViewFactory(nodeViewFactory);
+    });
+    useExtension(extension);
+    return () => null;
   }
 });
 function defineVueNodeView(options) {
-  let { name, component, ...userOptions } = options, args = {
+  const { name, component, ...userOptions } = options;
+  const args = {
     ...userOptions,
     component: withNodeViewProps(component)
   };
@@ -95,20 +104,25 @@ function defineVueNodeViewFactory(factory) {
 
 // src/components/prosekit.ts
 var ProseKit = defineComponent2(
-  (props, { slots }) => (provideEditor(props.editor), () => h2(ProsemirrorAdapterProvider, null, () => {
-    var _a;
-    return [
-      h2(VueViewsConsumer),
-      (_a = slots.default) == null ? void 0 : _a.call(slots)
-    ];
-  })),
+  (props, { slots }) => {
+    provideEditor(props.editor);
+    return () => {
+      return h2(ProsemirrorAdapterProvider, null, () => {
+        var _a;
+        return [
+          h2(VueViewsConsumer),
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        ];
+      });
+    };
+  },
   { props: ["editor"] }
 );
 
 // src/hooks/use-doc-change.ts
 import { defineDocChangeHandler } from "@prosekit/core";
 function useDocChange(handler, options) {
-  let extension = defineDocChangeHandler((view) => handler(view.state.doc));
+  const extension = defineDocChangeHandler((view) => handler(view.state.doc));
   return useExtension(extension, options);
 }
 
@@ -127,33 +141,40 @@ import {
 } from "vue";
 function useEditor(options) {
   var _a;
-  let update = (_a = options == null ? void 0 : options.update) != null ? _a : !1, editor = useEditorContext();
-  if (!editor)
+  const update = (_a = options == null ? void 0 : options.update) != null ? _a : false;
+  const editor = useEditorContext();
+  if (!editor) {
     throw new ProseKitError(
       "useEditor must be used within the ProseKit component"
     );
-  let editorRef = shallowRef(editor);
-  return update && onMounted(() => {
-    let forceUpdate = () => triggerRef(editorRef), extension = union([
-      defineMountHandler(forceUpdate),
-      defineUpdateHandler(forceUpdate)
-    ]), dispose = editor.use(extension);
-    onUnmounted(dispose);
-  }), editorRef;
+  }
+  const editorRef = shallowRef(editor);
+  if (update) {
+    onMounted(() => {
+      const forceUpdate = () => triggerRef(editorRef);
+      const extension = union([
+        defineMountHandler(forceUpdate),
+        defineUpdateHandler(forceUpdate)
+      ]);
+      const dispose = editor.use(extension);
+      onUnmounted(dispose);
+    });
+  }
+  return editorRef;
 }
 
 // src/hooks/use-keymap.ts
 import { defineKeymap } from "@prosekit/core";
 import { computed as computed3, toValue as toValue3 } from "vue";
 function useKeymap(keymap, options) {
-  let extension = computed3(() => defineKeymap(toValue3(keymap)));
+  const extension = computed3(() => defineKeymap(toValue3(keymap)));
   return useExtension(extension, options);
 }
 
 // src/hooks/use-state-update.ts
 import { defineUpdateHandler as defineUpdateHandler2 } from "@prosekit/core";
 function useStateUpdate(handler, options) {
-  let extension = defineUpdateHandler2((view) => handler(view.state));
+  const extension = defineUpdateHandler2((view) => handler(view.state));
   return useExtension(extension, options);
 }
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.3.11",
+  "version": "0.3.13",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -66,9 +66,9 @@
   ],
   "dependencies": {
     "@prosemirror-adapter/vue": "^0.2.6",
-    "@prosekit/core": "^0.7.1",
-    "@prosekit/pm": "^0.1.5",
-    "@prosekit/web": "^0.3.0"
+    "@prosekit/pm": "^0.1.6",
+    "@prosekit/core": "^0.7.3",
+    "@prosekit/web": "^0.3.2"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -82,7 +82,7 @@
     "@vue/test-utils": "^2.4.6",
     "tsup": "^8.1.0",
     "typescript": "^5.5.3",
-    "vitest": "^2.0.0-beta.13",
+    "vitest": "^2.0.2",
     "vue": "^3.4.31",
     "@prosekit/dev": "0.0.0"
   },

package/dist/chunk-DJHAZPRE.js

@@ -1,32 +0,0 @@
-import {
-  useEditorContext
-} from "./chunk-KCTUNTM2.js";
-
-// src/components/create-component.ts
-import {
-  defineComponent,
-  h
-} from "vue";
-function createComponent(tagName, displayName, defaultProps) {
-  let propertyNames = Object.keys(defaultProps), hasEditor = Object.hasOwn(defaultProps, "editor");
-  return defineComponent(
-    (props, { slots }) => {
-      let editor = useEditorContext();
-      return () => {
-        var _a;
-        let p = {};
-        for (let [key, value] of Object.entries(props))
-          value !== void 0 && (p[propertyNames.includes(key) ? "." + key : key] = value);
-        return hasEditor && editor && !p.editor && (p.editor = editor), h(tagName, p, (_a = slots.default) == null ? void 0 : _a.call(slots));
-      };
-    },
-    {
-      props: propertyNames,
-      name: displayName
-    }
-  );
-}
-
-export {
-  createComponent
-};