@prosekit/vue 0.2.2 → 0.2.4

package/dist/_tsup-dts-rollup.d.ts

@@ -34,6 +34,7 @@ import { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
 import { PositioningOptions } from '@prosekit/lit/autocomplete-popover';
 import { PositioningOptions as PositioningOptions_alias_1 } from '@prosekit/lit/inline-popover';
 import { Priority } from '@prosekit/core';
+import type { ProseMirrorNode } from '@prosekit/pm/model';
 import { PublicProps } from 'vue';
 import type { Ref } from 'vue';
 import { RendererElement } from 'vue';
@@ -134,6 +135,7 @@ export declare function defineVueNodeViewFactory(nodeViewFactory: NodeViewFactor
 
 declare const InlinePopover: (props: {
     editor: Editor<any>;
+    available?: boolean | undefined;
 } & PopoverProps_2 & {
     class?: string | undefined;
 } & {}) => any;
@@ -197,6 +199,15 @@ export declare type ResizableHandleProps = PropsWithClass<ResizableHandleProps_2
 
 export declare type ResizableProps = PropsWithClass<ResizableProps_2>;
 
+/**
+ * Calls the given handler whenever the editor document changes.
+ *
+ * @public
+ */
+declare function useDocChange(handler: (doc: ProseMirrorNode) => void, options?: UseExtensionOptions): void;
+export { useDocChange }
+export { useDocChange as useDocChange_alias_1 }
+
 /**
  * Retrieves the editor instance from the nearest ProseKit component.
  *

package/dist/prosekit-vue.d.ts

@@ -7,5 +7,6 @@ export { useExtension } from './_tsup-dts-rollup';
 export { UseExtensionOptions } from './_tsup-dts-rollup';
 export { useKeymap } from './_tsup-dts-rollup';
 export { useStateUpdate } from './_tsup-dts-rollup';
+export { useDocChange } from './_tsup-dts-rollup';
 export { VueNodeViewComponent } from './_tsup-dts-rollup';
 export { VueNodeViewProps } from './_tsup-dts-rollup';

package/dist/prosekit-vue.js

@@ -4,10 +4,10 @@ import { defineComponent as defineComponent4, h as h3 } from "vue";
 
 // src/injection/editor-context.ts
 import "@prosekit/core";
-import { inject, provide, toRef } from "vue";
+import { inject, provide } from "vue";
 var symbol = Symbol("prosekit-vue-editor-context");
 function provideEditor(editor) {
-  provide(symbol, toRef(editor));
+  provide(symbol, editor);
 }
 function useEditorContext() {
   return inject(symbol);
@@ -320,9 +320,17 @@ function useStateUpdate(handler, options) {
   const extension = defineUpdateHandler2((view) => handler(view.state));
   return useExtension(extension, options);
 }
+
+// src/hooks/use-doc-change.ts
+import { defineDocChangeHandler } from "@prosekit/core";
+function useDocChange(handler, options) {
+  const extension = defineDocChangeHandler((view) => handler(view.state.doc));
+  return useExtension(extension, options);
+}
 export {
   ProseKit,
   defineVueNodeView,
+  useDocChange,
   useEditor,
   useExtension,
   useKeymap,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -95,8 +95,8 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.2.7",
-    "@prosekit/lit": "^0.2.1",
+    "@prosekit/core": "^0.3.0",
+    "@prosekit/lit": "^0.2.2",
     "@prosekit/pm": "^0.1.1",
     "@prosemirror-adapter/core": "^0.2.6"
   },
@@ -112,7 +112,7 @@
     "@prosekit/dev": "*",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.2.1",
+    "vitest": "^1.2.2",
     "vue": "^3.4.15"
   },
   "scripts": {