@prosekit/vue 0.1.0 → 0.1.1

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

@@ -150,7 +150,16 @@ declare function useEditor<E extends Extension = any>(options?: {
 export { useEditor }
 export { useEditor as useEditor_alias_1 }
 
-export declare function useExtension<T extends Extension = Extension>(extension: Ref<T>): void;
+/**
+ * Add an extension to the editor.
+ *
+ * It accepts a ref to an optional extension. If the extension is changed, the
+ * previous extension will be removed and the new one (if not null) will be
+ * added.
+ */
+declare function useExtension<T extends Extension = Extension>(extension: Ref<T | null>): void;
+export { useExtension }
+export { useExtension as useExtension_alias_1 }
 
 declare function useKeymap(keymap: Ref<Keymap>): void;
 export { useKeymap }

package/dist/prosekit-vue.d.ts

@@ -1,4 +1,5 @@
 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 { useExtension } from './_tsup-dts-rollup';
+export { useKeymap } from './_tsup-dts-rollup';

package/dist/prosekit-vue.js

@@ -29,14 +29,6 @@ var ProseKit = defineComponent(
   { props: ["editor"] }
 );
 
-// src/hooks/use-keymap.ts
-import { defineKeymap } from "@prosekit/core";
-import { computed, unref as unref2 } from "vue";
-
-// src/hooks/use-extension.ts
-import "@prosekit/core";
-import { unref, watchPostEffect } from "vue";
-
 // src/hooks/use-editor.ts
 import { defineUpdateHandler } from "@prosekit/core";
 import {
@@ -61,14 +53,21 @@ function useEditor(options) {
 }
 
 // src/hooks/use-extension.ts
+import "@prosekit/core";
+import { unref, watchPostEffect } from "vue";
 function useExtension(extension) {
   const editor = useEditor();
   watchPostEffect((onCleanup) => {
-    onCleanup(editor.value.use(unref(extension)));
+    const ext = unref(extension);
+    if (ext) {
+      onCleanup(editor.value.use(ext));
+    }
   });
 }
 
 // src/hooks/use-keymap.ts
+import { defineKeymap } from "@prosekit/core";
+import { computed, unref as unref2 } from "vue";
 function useKeymap(keymap) {
   const extension = computed(() => defineKeymap(unref2(keymap)));
   useExtension(extension);
@@ -76,5 +75,6 @@ function useKeymap(keymap) {
 export {
   ProseKit,
   useEditor,
+  useExtension,
   useKeymap
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -98,8 +98,8 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "tsup": "^7.2.0",
-    "typescript": "^5.2.2",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.2",
     "vitest": "^0.34.6",
     "vue": "^3.3.8"
   },

package/src/index.ts

@@ -0,0 +1,4 @@
+export { ProseKit, type ProseKitProps } from './components/prosekit'
+export { useEditor } from './hooks/use-editor'
+export { useExtension } from './hooks/use-extension'
+export { useKeymap } from './hooks/use-keymap'