@prosekit/vue 0.0.22 → 0.0.24

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

@@ -9,9 +9,11 @@ import { ComboBoxListProps as ComboBoxListProps_2 } from '@prosekit/lit/combo-bo
 import { ComboBoxProps as ComboBoxProps_2 } from '@prosekit/lit/combo-box';
 import { Editor } from '@prosekit/core';
 import { Extension } from '@prosekit/core';
+import { InlinePopoverProps as InlinePopoverProps_2 } from '@prosekit/lit/inline-popover';
 import { Keymap } from '@prosekit/core';
 import { Options } from 'tsup';
 import { PopoverOptions } from '@prosekit/lit/autocomplete-popover';
+import { PopoverOptions as PopoverOptions_alias_1 } from '@prosekit/lit/inline-popover';
 import { PopoverProps as PopoverProps_2 } from '@prosekit/lit/popover';
 import { ShallowRef } from 'vue';
 import { UserProjectConfigExport } from 'vitest/dist/config.js';
@@ -110,12 +112,26 @@ export declare const default_alias_1: UserProjectConfigExport;
 
 export declare function injectEditor(): Editor;
 
+declare const InlinePopover: (props: {
+    class?: string | undefined;
+} & InlinePopoverProps_2 & {}) => any;
+export { InlinePopover }
+export { InlinePopover as InlinePopover_alias_1 }
+
+declare type InlinePopoverProps = {
+    class?: string;
+} & InlinePopoverProps_2;
+export { InlinePopoverProps }
+export { InlinePopoverProps as InlinePopoverProps_alias_1 }
+
 export declare const Popover: (props: {
     class?: string | undefined;
 } & PopoverProps_2 & {}) => any;
 
 export { PopoverOptions }
 
+export { PopoverOptions_alias_1 }
+
 export declare type PopoverProps = {
     class?: string;
 } & PopoverProps_2;
@@ -132,14 +148,16 @@ export { ProseKitProps as ProseKitProps_alias_1 }
 
 export declare function provideEditor(editor: Editor): void;
 
-declare function useEditor<E extends Extension = any>(): Editor<E>;
+/**
+ * Returns a shallow ref to the editor. If `update` is `true`, any editor update
+ * will trigger an effect.
+ */
+declare function useEditor<E extends Extension = any>(options?: {
+    update?: boolean;
+}): ShallowRef<Editor<E>>;
 export { useEditor }
 export { useEditor as useEditor_alias_1 }
 
-declare function useEditorRef<E extends Extension = any>(): ShallowRef<Editor<E>>;
-export { useEditorRef }
-export { useEditorRef as useEditorRef_alias_1 }
-
 export declare function useExtension({ extension }: UseExtensionProps): void;
 
 declare interface UseExtensionProps<T extends Extension = Extension> {

package/dist/prosekit-vue-inline-popover.d.ts

@@ -0,0 +1,3 @@
+export { PopoverOptions_alias_1 as PopoverOptions } from './_tsup-dts-rollup';
+export { InlinePopover_alias_1 as InlinePopover } from './_tsup-dts-rollup';
+export { InlinePopoverProps_alias_1 as InlinePopoverProps } from './_tsup-dts-rollup';

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

@@ -0,0 +1,19 @@
+// src/components/inline-popover.gen.ts
+import "@prosekit/lit/inline-popover";
+import { propNames } from "@prosekit/lit/inline-popover";
+import { defineComponent, h } from "vue";
+var InlinePopover = defineComponent(
+  (props, { slots }) => {
+    return () => {
+      var _a;
+      const webComponentProps = Object.fromEntries(
+        Object.entries(props).filter((entry) => entry[1] !== void 0).map(([key, value]) => [(key === "class" ? "" : ".") + key, value])
+      );
+      return h("prosekit-inline-popover", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  },
+  { props: ["class", ...propNames] }
+);
+export {
+  InlinePopover
+};

package/dist/prosekit-vue.d.ts

@@ -2,4 +2,3 @@ export { ProseKit } from './_tsup-dts-rollup';
 export { ProseKitProps } from './_tsup-dts-rollup';
 export { useKeymap } from './_tsup-dts-rollup';
 export { useEditor } from './_tsup-dts-rollup';
-export { useEditorRef } from './_tsup-dts-rollup';

package/dist/prosekit-vue.js

@@ -35,20 +35,37 @@ import { computed } from "vue";
 
 // src/hooks/use-extension.ts
 import "@prosekit/core";
-import { onMounted, onUnmounted } from "vue";
+import { onMounted as onMounted2, onUnmounted as onUnmounted2 } from "vue";
 
 // src/hooks/use-editor.ts
-import "@prosekit/core";
-function useEditor() {
-  return injectEditor();
+import { defineEventHandler } from "@prosekit/core";
+import {
+  onMounted,
+  onUnmounted,
+  shallowRef,
+  triggerRef
+} from "vue";
+function useEditor(options) {
+  var _a;
+  const update = (_a = options == null ? void 0 : options.update) != null ? _a : false;
+  const editor = injectEditor();
+  const editorRef = shallowRef(editor);
+  if (update) {
+    onMounted(() => {
+      const forceUpdate = () => triggerRef(editorRef);
+      const dispose = editor.use(defineEventHandler({ update: forceUpdate }));
+      onUnmounted(dispose);
+    });
+  }
+  return editorRef;
 }
 
 // src/hooks/use-extension.ts
 function useExtension({ extension }) {
   const editor = useEditor();
-  onMounted(() => {
-    const dispose = editor.use(extension);
-    onUnmounted(dispose);
+  onMounted2(() => {
+    const dispose = editor.value.use(extension);
+    onUnmounted2(dispose);
   });
 }
 
@@ -57,28 +74,8 @@ function useKeymap({ keymap }) {
   const extension = computed(() => defineKeymap(keymap));
   useExtension({ extension: extension.value });
 }
-
-// src/hooks/use-editor-ref.ts
-import { defineEventHandler } from "@prosekit/core";
-import {
-  onMounted as onMounted2,
-  onUnmounted as onUnmounted2,
-  shallowRef,
-  triggerRef
-} from "vue";
-function useEditorRef() {
-  const editor = useEditor();
-  const editorRef = shallowRef(editor);
-  onMounted2(() => {
-    const forceUpdate = () => triggerRef(editorRef);
-    const dispose = editor.use(defineEventHandler({ update: forceUpdate }));
-    onUnmounted2(dispose);
-  });
-  return editorRef;
-}
 export {
   ProseKit,
   useEditor,
-  useEditorRef,
   useKeymap
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -75,6 +75,11 @@
       "import": "./dist/prosekit-vue-combo-box-list.js",
       "default": "./dist/prosekit-vue-combo-box-list.js"
     },
+    "./inline-popover": {
+      "types": "./dist/prosekit-vue-inline-popover.d.ts",
+      "import": "./dist/prosekit-vue-inline-popover.js",
+      "default": "./dist/prosekit-vue-inline-popover.js"
+    },
     "./popover": {
       "types": "./dist/prosekit-vue-popover.d.ts",
       "import": "./dist/prosekit-vue-popover.js",
@@ -85,8 +90,8 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.0.17",
-    "@prosekit/lit": "^0.0.21"
+    "@prosekit/core": "^0.0.19",
+    "@prosekit/lit": "^0.0.23"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -140,6 +145,9 @@
       "combo-box-list": [
         "./dist/prosekit-vue-combo-box-list.d.ts"
       ],
+      "inline-popover": [
+        "./dist/prosekit-vue-inline-popover.d.ts"
+      ],
       "popover": [
         "./dist/prosekit-vue-popover.d.ts"
       ]