@prosekit/vue 0.0.24 → 0.1.0

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

@@ -2,7 +2,6 @@ import { AutocompleteEmptyProps as AutocompleteEmptyProps_2 } from '@prosekit/li
 import { AutocompleteItemProps as AutocompleteItemProps_2 } from '@prosekit/lit/autocomplete-item';
 import { AutocompleteListProps as AutocompleteListProps_2 } from '@prosekit/lit/autocomplete-list';
 import { AutocompletePopoverProps as AutocompletePopoverProps_2 } from '@prosekit/lit/autocomplete-popover';
-import { CodeBlockPopoverProps as CodeBlockPopoverProps_2 } from '@prosekit/lit/code-block-popover';
 import { ComboBoxInputProps as ComboBoxInputProps_2 } from '@prosekit/lit/combo-box-input';
 import { ComboBoxItemProps as ComboBoxItemProps_2 } from '@prosekit/lit/combo-box-item';
 import { ComboBoxListProps as ComboBoxListProps_2 } from '@prosekit/lit/combo-box-list';
@@ -15,6 +14,7 @@ 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 { Ref } from 'vue';
 import { ShallowRef } from 'vue';
 import { UserProjectConfigExport } from 'vitest/dist/config.js';
 
@@ -66,14 +66,6 @@ declare type AutocompletePopoverProps = {
 export { AutocompletePopoverProps }
 export { AutocompletePopoverProps as AutocompletePopoverProps_alias_1 }
 
-export declare const CodeBlockPopover: (props: {
-    class?: string | undefined;
-} & CodeBlockPopoverProps_2 & {}) => any;
-
-export declare type CodeBlockPopoverProps = {
-    class?: string;
-} & CodeBlockPopoverProps_2;
-
 export declare const ComboBox: (props: {
     class?: string | undefined;
 } & ComboBoxProps_2 & {}) => any;
@@ -158,15 +150,9 @@ declare function useEditor<E extends Extension = any>(options?: {
 export { useEditor }
 export { useEditor as useEditor_alias_1 }
 
-export declare function useExtension({ extension }: UseExtensionProps): void;
-
-declare interface UseExtensionProps<T extends Extension = Extension> {
-    extension: T;
-}
+export declare function useExtension<T extends Extension = Extension>(extension: Ref<T>): void;
 
-declare function useKeymap({ keymap }: {
-    keymap: Keymap;
-}): void;
+declare function useKeymap(keymap: Ref<Keymap>): void;
 export { useKeymap }
 export { useKeymap as useKeymap_alias_1 }
 

package/dist/prosekit-vue.js

@@ -31,14 +31,14 @@ var ProseKit = defineComponent(
 
 // src/hooks/use-keymap.ts
 import { defineKeymap } from "@prosekit/core";
-import { computed } from "vue";
+import { computed, unref as unref2 } from "vue";
 
 // src/hooks/use-extension.ts
 import "@prosekit/core";
-import { onMounted as onMounted2, onUnmounted as onUnmounted2 } from "vue";
+import { unref, watchPostEffect } from "vue";
 
 // src/hooks/use-editor.ts
-import { defineEventHandler } from "@prosekit/core";
+import { defineUpdateHandler } from "@prosekit/core";
 import {
   onMounted,
   onUnmounted,
@@ -53,7 +53,7 @@ function useEditor(options) {
   if (update) {
     onMounted(() => {
       const forceUpdate = () => triggerRef(editorRef);
-      const dispose = editor.use(defineEventHandler({ update: forceUpdate }));
+      const dispose = editor.use(defineUpdateHandler(forceUpdate));
       onUnmounted(dispose);
     });
   }
@@ -61,18 +61,17 @@ function useEditor(options) {
 }
 
 // src/hooks/use-extension.ts
-function useExtension({ extension }) {
+function useExtension(extension) {
   const editor = useEditor();
-  onMounted2(() => {
-    const dispose = editor.value.use(extension);
-    onUnmounted2(dispose);
+  watchPostEffect((onCleanup) => {
+    onCleanup(editor.value.use(unref(extension)));
   });
 }
 
 // src/hooks/use-keymap.ts
-function useKeymap({ keymap }) {
-  const extension = computed(() => defineKeymap(keymap));
-  useExtension({ extension: extension.value });
+function useKeymap(keymap) {
+  const extension = computed(() => defineKeymap(unref2(keymap)));
+  useExtension(extension);
 }
 export {
   ProseKit,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.0.24",
+  "version": "0.1.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -50,11 +50,6 @@
       "import": "./dist/prosekit-vue-autocomplete-popover.js",
       "default": "./dist/prosekit-vue-autocomplete-popover.js"
     },
-    "./code-block-popover": {
-      "types": "./dist/prosekit-vue-code-block-popover.d.ts",
-      "import": "./dist/prosekit-vue-code-block-popover.js",
-      "default": "./dist/prosekit-vue-code-block-popover.js"
-    },
     "./combo-box": {
       "types": "./dist/prosekit-vue-combo-box.d.ts",
       "import": "./dist/prosekit-vue-combo-box.js",
@@ -90,8 +85,8 @@
     "dist"
   ],
   "dependencies": {
-    "@prosekit/core": "^0.0.19",
-    "@prosekit/lit": "^0.0.23"
+    "@prosekit/core": "^0.1.0",
+    "@prosekit/lit": "^0.1.0"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -106,7 +101,7 @@
     "tsup": "^7.2.0",
     "typescript": "^5.2.2",
     "vitest": "^0.34.6",
-    "vue": "^3.3.7"
+    "vue": "^3.3.8"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -130,9 +125,6 @@
       "autocomplete-popover": [
         "./dist/prosekit-vue-autocomplete-popover.d.ts"
       ],
-      "code-block-popover": [
-        "./dist/prosekit-vue-code-block-popover.d.ts"
-      ],
       "combo-box": [
         "./dist/prosekit-vue-combo-box.d.ts"
       ],

package/dist/prosekit-vue-code-block-popover.d.ts

@@ -1,2 +0,0 @@
-export { CodeBlockPopoverProps } from './_tsup-dts-rollup';
-export { CodeBlockPopover } from './_tsup-dts-rollup';

package/dist/prosekit-vue-code-block-popover.js

@@ -1,19 +0,0 @@
-// src/components/code-block-popover.gen.ts
-import "@prosekit/lit/code-block-popover";
-import { propNames } from "@prosekit/lit/code-block-popover";
-import { defineComponent, h } from "vue";
-var CodeBlockPopover = 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-code-block-popover", webComponentProps, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  },
-  { props: ["class", ...propNames] }
-);
-export {
-  CodeBlockPopover
-};