@prosekit/vue 0.7.0-beta.4 → 0.7.0-beta.5

package/dist/prosekit-vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-vue.js","names":[],"sources":["../src/extensions/vue-mark-view.ts","../src/extensions/vue-node-view.ts","../src/hooks/use-editor-extension.ts","../src/components/view-renderer.ts","../src/components/prosekit.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractVueMarkView,\n  buildVueMarkViewCreator,\n  type MarkViewContext,\n  type VueRendererComponent,\n  type VueRendererResult,\n} from '@prosemirror-adapter/vue'\nimport { defineComponent, h, markRaw, Teleport, type DefineComponent } from 'vue'\n\n/**\n * @public\n */\nexport interface VueMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type VueMarkViewComponent = DefineComponent<VueMarkViewProps, any, any>\n\n/**\n * Options for {@link defineVueMarkView}.\n *\n * @public\n */\nexport interface VueMarkViewOptions extends CoreMarkViewUserOptions<VueMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nclass ProseKitVueMarkView extends AbstractVueMarkView<VueMarkViewComponent> {\n  render = (): VueRendererComponent => {\n    const UserComponent = this.component\n    const render = () => {\n      const props = this.context\n      return h(Teleport, { key: this.key, to: this.dom }, [h(UserComponent, props)])\n    }\n    const RendererComponent: VueRendererComponent = defineComponent({\n      name: 'ProsemirrorMarkView',\n      setup: () => {\n        return render\n      },\n    })\n    return markRaw(RendererComponent)\n  }\n}\n\n/**\n * @internal\n */\nexport function defineVueMarkViewFactory(\n  renderVueRenderer: VueRendererResult['renderVueRenderer'],\n  removeVueRenderer: VueRendererResult['removeVueRenderer'],\n): Extension {\n  const factory = buildVueMarkViewCreator(renderVueRenderer, removeVueRenderer, ProseKitVueMarkView)\n  return defineMarkViewFactory<VueMarkViewOptions>({\n    group: 'vue',\n    factory,\n  })\n}\n\n/**\n * Defines a mark view using a Vue component.\n *\n * @public\n */\nexport function defineVueMarkView(options: VueMarkViewOptions): Extension {\n  return defineMarkViewComponent<VueMarkViewOptions>({\n    group: 'vue',\n    name: options.name,\n    args: options,\n  })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractVueNodeView,\n  buildVueNodeViewCreator,\n  type NodeViewContext,\n  type VueRendererComponent,\n  type VueRendererResult,\n} from '@prosemirror-adapter/vue'\nimport { defineComponent, h, markRaw, Teleport, type DefineComponent } from 'vue'\n\n/**\n * @public\n */\nexport interface VueNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type VueNodeViewComponent = DefineComponent<VueNodeViewProps, any, any>\n\n/**\n * Options for {@link defineVueNodeView}.\n *\n * @public\n */\nexport interface VueNodeViewOptions extends CoreNodeViewUserOptions<VueNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nclass ProseKitVueNodeView extends AbstractVueNodeView<VueNodeViewComponent> {\n  render = (): VueRendererComponent => {\n    const UserComponent = this.component\n    const render = () => {\n      const props = this.context\n      return h(Teleport, { key: this.key, to: this.dom }, [h(UserComponent, props)])\n    }\n    const RendererComponent: VueRendererComponent = defineComponent({\n      name: 'ProsemirrorNodeView',\n      setup: () => {\n        return render\n      },\n    })\n    return markRaw(RendererComponent)\n  }\n}\n\n/**\n * @internal\n */\nexport function defineVueNodeViewFactory(\n  renderVueRenderer: VueRendererResult['renderVueRenderer'],\n  removeVueRenderer: VueRendererResult['removeVueRenderer'],\n): Extension {\n  const factory = buildVueNodeViewCreator(renderVueRenderer, removeVueRenderer, ProseKitVueNodeView)\n  return defineNodeViewFactory<VueNodeViewOptions>({\n    group: 'vue',\n    factory,\n  })\n}\n\n/**\n * Defines a node view using a Vue component.\n *\n * @public\n */\nexport function defineVueNodeView(options: VueNodeViewOptions): Extension {\n  return defineNodeViewComponent<VueNodeViewOptions>({\n    group: 'vue',\n    name: options.name,\n    args: options,\n  })\n}\n","import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { toValue, watchPostEffect, type MaybeRefOrGetter } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context.ts'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editorRef: MaybeRefOrGetter<Editor> | null | undefined,\n  extensionRef: MaybeRefOrGetter<Extension | null> | null,\n): void {\n  const editorContext = useEditorContext()\n\n  watchPostEffect((onCleanup) => {\n    const editor = toValue(editorRef) || toValue(editorContext)\n    const extension = toValue(extensionRef)\n\n    if (!editor) {\n      throw new EditorNotFoundError()\n    }\n    if (extension) {\n      onCleanup(editor.use(extension))\n    }\n  })\n}\n","import { union, type Editor } from '@prosekit/core'\nimport { useVueRenderer } from '@prosemirror-adapter/vue'\nimport { defineComponent, type DefineSetupFnComponent, type PropType } from 'vue'\n\nimport { defineVueMarkViewFactory } from '../extensions/vue-mark-view.ts'\nimport { defineVueNodeViewFactory } from '../extensions/vue-node-view.ts'\nimport { useEditorExtension } from '../hooks/use-editor-extension.ts'\n\n/**\n * @internal\n */\ninterface ViewRendererProps {\n  editor: Editor\n}\n\n/**\n * @internal\n */\nexport const ViewRenderer: DefineSetupFnComponent<ViewRendererProps> = defineComponent<ViewRendererProps>({\n  name: 'ViewRenderer',\n  props: { editor: { type: Object as PropType<Editor>, required: true } },\n  setup: (props, { slots }) => {\n    const { renderVueRenderer, removeVueRenderer, render } = useVueRenderer()\n\n    const extension = union([\n      defineVueMarkViewFactory(renderVueRenderer, removeVueRenderer),\n      defineVueNodeViewFactory(renderVueRenderer, removeVueRenderer),\n    ])\n\n    useEditorExtension(() => props.editor, extension)\n\n    return () => [slots.default?.(), render()]\n  },\n})\n","import type { Editor } from '@prosekit/core'\nimport { defineComponent, h, type DefineSetupFnComponent, type PropType } from 'vue'\n\nimport { provideEditor } from '../injection/editor-context.ts'\n\nimport { ViewRenderer } from './view-renderer.ts'\n\nexport interface ProseKitProps {\n  editor: Editor\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: DefineSetupFnComponent<ProseKitProps> = defineComponent<ProseKitProps>({\n  name: 'ProseKit',\n  props: { editor: { type: Object as PropType<Editor>, required: true } },\n  setup: (props, { slots }) => {\n    provideEditor(props.editor)\n    return () =>\n      h(\n        ViewRenderer,\n        { editor: props.editor },\n        () => slots.default?.(),\n      )\n  },\n})\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\nimport { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from 'vue'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: MaybeRefOrGetter<T | null>,\n  priority: Priority | null | undefined,\n): ComputedRef<T | null> {\n  return computed(() => {\n    const ext = toValue(extension)\n    return ext && priority ? withPriority(ext, priority) : ext\n  })\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\nimport type { MaybeRefOrGetter } from 'vue'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\nimport { usePriorityExtension } from './use-priority-extension.ts'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeRefOrGetter<Editor>\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n *\n * @public\n */\nexport function useExtension(\n  /**\n   * The ref to an extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: MaybeRefOrGetter<Extension | null>,\n  options?: UseExtensionOptions,\n): void {\n  useEditorExtension(\n    options?.editor,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineDocChangeHandler((view) => handler(view.state.doc))\n  useExtension(extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { onMounted, onUnmounted, shallowRef, triggerRef, type ShallowRef } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context.ts'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * @default false\n   */\n  update?: boolean\n}): ShallowRef<Editor<E>> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const editorRef = shallowRef<Editor<E>>(editor)\n\n  if (update) {\n    const forceUpdate = () => triggerRef(editorRef)\n    onMounted(() => {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      const dispose = editor.use(extension)\n      onUnmounted(dispose)\n    })\n  }\n\n  return editorRef\n}\n","import type { Editor, Extension } from '@prosekit/core'\nimport { computed, toValue, type MaybeRefOrGetter, type Ref, type ShallowRef } from 'vue'\n\nimport { useEditor } from './use-editor.ts'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeRefOrGetter<Editor<E>>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns a shallow ref of the derived value that updates whenever the editor\n * state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): ShallowRef<Derived> {\n  const initialEditor = options?.editor\n  const editorAccessor: Ref<Editor<E>> = initialEditor\n    ? computed(() => toValue(initialEditor))\n    : useEditor<E>({ update: true })\n\n  return computed(() => derive(toValue(editorAccessor)))\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\nimport { computed, toValue, type MaybeRefOrGetter } from 'vue'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\nexport function useKeymap(\n  keymap: MaybeRefOrGetter<Keymap>,\n  options?: UseExtensionOptions,\n): void {\n  const extension = computed(() => defineKeymap(toValue(keymap)))\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineUpdateHandler((view) => handler(view.state))\n  useExtension(extension, options)\n}\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-vue.js","names":[],"sources":["../src/extensions/vue-mark-view.ts","../src/extensions/vue-node-view.ts","../src/hooks/use-editor-extension.ts","../src/components/view-renderer.ts","../src/components/prosekit.ts","../src/hooks/use-priority-extension.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"sourcesContent":["import { defineMarkViewComponent, defineMarkViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreMarkViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractVueMarkView,\n  buildVueMarkViewCreator,\n  type MarkViewContext,\n  type VueRendererComponent,\n  type VueRendererResult,\n} from '@prosemirror-adapter/vue'\nimport { defineComponent, h, markRaw, Teleport, type DefineComponent } from 'vue'\n\n/**\n * @public\n */\nexport interface VueMarkViewProps extends MarkViewContext {}\n\n/**\n * @public\n */\nexport type VueMarkViewComponent = DefineComponent<VueMarkViewProps, any, any>\n\n/**\n * Options for {@link defineVueMarkView}.\n *\n * @public\n */\nexport interface VueMarkViewOptions extends CoreMarkViewUserOptions<VueMarkViewComponent> {\n  /**\n   * The name of the mark type.\n   */\n  name: string\n}\n\nclass ProseKitVueMarkView extends AbstractVueMarkView<VueMarkViewComponent> {\n  render = (): VueRendererComponent => {\n    const UserComponent = this.component\n    const render = () => {\n      const props = this.context\n      return h(Teleport, { key: this.key, to: this.dom }, [h(UserComponent, props)])\n    }\n    const RendererComponent: VueRendererComponent = defineComponent({\n      name: 'ProsemirrorMarkView',\n      setup: () => {\n        return render\n      },\n    })\n    return markRaw(RendererComponent)\n  }\n}\n\n/**\n * @internal\n */\nexport function defineVueMarkViewFactory(\n  renderVueRenderer: VueRendererResult['renderVueRenderer'],\n  removeVueRenderer: VueRendererResult['removeVueRenderer'],\n): Extension {\n  const factory = buildVueMarkViewCreator(renderVueRenderer, removeVueRenderer, ProseKitVueMarkView)\n  return defineMarkViewFactory<VueMarkViewOptions>({\n    group: 'vue',\n    factory,\n  })\n}\n\n/**\n * Defines a mark view using a Vue component.\n *\n * @public\n */\nexport function defineVueMarkView(options: VueMarkViewOptions): Extension {\n  return defineMarkViewComponent<VueMarkViewOptions>({\n    group: 'vue',\n    name: options.name,\n    args: options,\n  })\n}\n","import { defineNodeViewComponent, defineNodeViewFactory, type Extension } from '@prosekit/core'\nimport type { CoreNodeViewUserOptions } from '@prosemirror-adapter/core'\nimport {\n  AbstractVueNodeView,\n  buildVueNodeViewCreator,\n  type NodeViewContext,\n  type VueRendererComponent,\n  type VueRendererResult,\n} from '@prosemirror-adapter/vue'\nimport { defineComponent, h, markRaw, Teleport, type DefineComponent } from 'vue'\n\n/**\n * @public\n */\nexport interface VueNodeViewProps extends NodeViewContext {}\n\n/**\n * @public\n */\nexport type VueNodeViewComponent = DefineComponent<VueNodeViewProps, any, any>\n\n/**\n * Options for {@link defineVueNodeView}.\n *\n * @public\n */\nexport interface VueNodeViewOptions extends CoreNodeViewUserOptions<VueNodeViewComponent> {\n  /**\n   * The name of the node type.\n   */\n  name: string\n}\n\nclass ProseKitVueNodeView extends AbstractVueNodeView<VueNodeViewComponent> {\n  render = (): VueRendererComponent => {\n    const UserComponent = this.component\n    const render = () => {\n      const props = this.context\n      return h(Teleport, { key: this.key, to: this.dom }, [h(UserComponent, props)])\n    }\n    const RendererComponent: VueRendererComponent = defineComponent({\n      name: 'ProsemirrorNodeView',\n      setup: () => {\n        return render\n      },\n    })\n    return markRaw(RendererComponent)\n  }\n}\n\n/**\n * @internal\n */\nexport function defineVueNodeViewFactory(\n  renderVueRenderer: VueRendererResult['renderVueRenderer'],\n  removeVueRenderer: VueRendererResult['removeVueRenderer'],\n): Extension {\n  const factory = buildVueNodeViewCreator(renderVueRenderer, removeVueRenderer, ProseKitVueNodeView)\n  return defineNodeViewFactory<VueNodeViewOptions>({\n    group: 'vue',\n    factory,\n  })\n}\n\n/**\n * Defines a node view using a Vue component.\n *\n * @public\n */\nexport function defineVueNodeView(options: VueNodeViewOptions): Extension {\n  return defineNodeViewComponent<VueNodeViewOptions>({\n    group: 'vue',\n    name: options.name,\n    args: options,\n  })\n}\n","import { EditorNotFoundError, type Editor, type Extension } from '@prosekit/core'\nimport { toValue, watchPostEffect, type MaybeRefOrGetter } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context.ts'\n\n/**\n * @internal\n */\nexport function useEditorExtension(\n  editorRef: MaybeRefOrGetter<Editor> | null | undefined,\n  extensionRef: MaybeRefOrGetter<Extension | null> | null,\n): void {\n  const editorContext = useEditorContext()\n\n  watchPostEffect((onCleanup) => {\n    const editor = toValue(editorRef) || toValue(editorContext)\n    const extension = toValue(extensionRef)\n\n    if (!editor) {\n      throw new EditorNotFoundError()\n    }\n    if (extension) {\n      onCleanup(editor.use(extension))\n    }\n  })\n}\n","import { union, type Editor } from '@prosekit/core'\nimport { useVueRenderer } from '@prosemirror-adapter/vue'\nimport { defineComponent, type DefineSetupFnComponent, type PropType } from 'vue'\n\nimport { defineVueMarkViewFactory } from '../extensions/vue-mark-view.ts'\nimport { defineVueNodeViewFactory } from '../extensions/vue-node-view.ts'\nimport { useEditorExtension } from '../hooks/use-editor-extension.ts'\n\n/**\n * @internal\n */\ninterface ViewRendererProps {\n  editor: Editor\n}\n\n/**\n * @internal\n */\nexport const ViewRenderer: DefineSetupFnComponent<ViewRendererProps> = defineComponent<ViewRendererProps>({\n  name: 'ViewRenderer',\n  props: { editor: { type: Object as PropType<Editor>, required: true } },\n  setup: (props, { slots }) => {\n    const { renderVueRenderer, removeVueRenderer, render } = useVueRenderer()\n\n    const extension = union([\n      defineVueMarkViewFactory(renderVueRenderer, removeVueRenderer),\n      defineVueNodeViewFactory(renderVueRenderer, removeVueRenderer),\n    ])\n\n    useEditorExtension(() => props.editor, extension)\n\n    return () => [slots.default?.(), render()]\n  },\n})\n","import type { Editor } from '@prosekit/core'\nimport { defineComponent, h, type DefineSetupFnComponent, type PropType } from 'vue'\n\nimport { provideEditor } from '../injection/editor-context.ts'\n\nimport { ViewRenderer } from './view-renderer.ts'\n\nexport interface ProseKitProps {\n  editor: Editor\n}\n\n/**\n * The root component for a ProseKit editor.\n *\n * @public\n */\nexport const ProseKit: DefineSetupFnComponent<ProseKitProps> = defineComponent<ProseKitProps>({\n  name: 'ProseKit',\n  props: { editor: { type: Object as PropType<Editor>, required: true } },\n  setup: (props, { slots }) => {\n    provideEditor(props.editor)\n    return () =>\n      h(\n        ViewRenderer,\n        { editor: props.editor },\n        () => slots.default?.(),\n      )\n  },\n})\n","import { withPriority, type Extension, type Priority } from '@prosekit/core'\nimport { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from 'vue'\n\n/**\n * @internal\n */\nexport function usePriorityExtension<T extends Extension = Extension>(\n  extension: MaybeRefOrGetter<T | null>,\n  priority: Priority | null | undefined,\n): ComputedRef<T | null> {\n  return computed(() => {\n    const ext = toValue(extension)\n    return ext && priority ? withPriority(ext, priority) : ext\n  })\n}\n","import type { Editor, Extension, Priority } from '@prosekit/core'\nimport type { MaybeRefOrGetter } from 'vue'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\nimport { usePriorityExtension } from './use-priority-extension.ts'\n\nexport interface UseExtensionOptions {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeRefOrGetter<Editor>\n\n  /**\n   * Optional priority to add the extension with.\n   */\n  priority?: Priority\n}\n\n/**\n * Add an extension to the editor.\n *\n * @public\n */\nexport function useExtension(\n  /**\n   * The ref to an extension to add to the editor. If it changes, the previous\n   * extension will be removed and the new one (if not null) will be added.\n   */\n  extension: MaybeRefOrGetter<Extension | null>,\n  options?: UseExtensionOptions,\n): void {\n  useEditorExtension(\n    options?.editor,\n    usePriorityExtension(extension, options?.priority),\n  )\n}\n","import { defineDocChangeHandler } from '@prosekit/core'\nimport type { ProseMirrorNode } from '@prosekit/pm/model'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor document changes.\n *\n * @public\n */\nexport function useDocChange(\n  handler: (doc: ProseMirrorNode) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineDocChangeHandler((view) => handler(view.state.doc))\n  useExtension(extension, options)\n}\n","import { defineMountHandler, defineUpdateHandler, ProseKitError, union, type Editor, type Extension } from '@prosekit/core'\nimport { onMounted, onUnmounted, shallowRef, triggerRef, type ShallowRef } from 'vue'\n\nimport { useEditorContext } from '../injection/editor-context.ts'\n\n/**\n * Retrieves the editor instance from the nearest ProseKit component.\n *\n * @public\n */\nexport function useEditor<E extends Extension = any>(options?: {\n  /**\n   * Whether to update the component when the editor is mounted or editor state\n   * is updated.\n   *\n   * @default false\n   */\n  update?: boolean\n}): ShallowRef<Editor<E>> {\n  const update = options?.update ?? false\n\n  const editor = useEditorContext<E>()\n  if (!editor) {\n    throw new ProseKitError(\n      'useEditor must be used within the ProseKit component',\n    )\n  }\n\n  const editorRef = shallowRef<Editor<E>>(editor)\n\n  if (update) {\n    const forceUpdate = () => triggerRef(editorRef)\n    onMounted(() => {\n      const extension = union(\n        defineMountHandler(forceUpdate),\n        defineUpdateHandler(forceUpdate),\n      )\n      const dispose = editor.use(extension)\n      onUnmounted(dispose)\n    })\n  }\n\n  return editorRef\n}\n","import type { Editor, Extension } from '@prosekit/core'\nimport { computed, toValue, type MaybeRefOrGetter, type Ref, type ShallowRef } from 'vue'\n\nimport { useEditor } from './use-editor.ts'\n\nexport interface UseEditorDerivedOptions<E extends Extension = any> {\n  /**\n   * The editor to add the extension to. If not provided, it will use the\n   * editor from the nearest `<ProseKit>` component.\n   */\n  editor?: MaybeRefOrGetter<Editor<E>>\n}\n\n/**\n * Runs a function to derive a value from the editor instance after editor state\n * changes.\n *\n * This is useful when you need to render something based on the editor state,\n * for example, whether the selected text is wrapped in an italic mark.\n *\n * It returns a shallow ref of the derived value that updates whenever the editor\n * state changes.\n *\n * @public\n */\nexport function useEditorDerivedValue<E extends Extension, Derived>(\n  /**\n   * A function that receives the editor instance and returns a derived value.\n   *\n   * It will be called whenever the editor's document state changes, or when it\n   * mounts.\n   */\n  derive: (editor: Editor<E>) => Derived,\n  options?: UseEditorDerivedOptions<E>,\n): ShallowRef<Derived> {\n  const initialEditor = options?.editor\n  const editorAccessor: Ref<Editor<E>> = initialEditor\n    ? computed(() => toValue(initialEditor))\n    : useEditor<E>({ update: true })\n\n  return computed(() => derive(toValue(editorAccessor)))\n}\n","import { defineKeymap, type Keymap } from '@prosekit/core'\nimport { computed, toValue, type MaybeRefOrGetter } from 'vue'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\nexport function useKeymap(\n  keymap: MaybeRefOrGetter<Keymap>,\n  options?: UseExtensionOptions,\n): void {\n  const extension = computed(() => defineKeymap(toValue(keymap)))\n  useExtension(extension, options)\n}\n","import { defineUpdateHandler } from '@prosekit/core'\nimport type { EditorState } from '@prosekit/pm/state'\n\nimport { useExtension, type UseExtensionOptions } from './use-extension.ts'\n\n/**\n * Calls the given handler whenever the editor state changes.\n *\n * @public\n */\nexport function useStateUpdate(\n  handler: (state: EditorState) => void,\n  options?: UseExtensionOptions,\n): void {\n  const extension = defineUpdateHandler((view) => handler(view.state))\n  useExtension(extension, options)\n}\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/vue",
   "type": "module",
-  "version": "0.7.0-beta.4",
+  "version": "0.7.0-beta.5",
   "private": false,
   "description": "Vue components and utilities for ProseKit",
   "author": {
@@ -76,7 +76,7 @@
     "@prosemirror-adapter/vue": "^0.5.3",
     "@prosekit/core": "^0.12.0-beta.0",
     "@prosekit/pm": "^0.1.15",
-    "@prosekit/web": "^0.8.0-beta.3"
+    "@prosekit/web": "^0.8.0-beta.4"
   },
   "peerDependencies": {
     "vue": ">= 3.0.0"
@@ -95,8 +95,8 @@
     "vitest-browser-vue": "^2.1.0",
     "vue": "^3.5.32",
     "@prosekit/config-ts": "0.0.0",
-    "@prosekit/config-tsdown": "0.0.0",
     "@prosekit/config-vitest": "0.0.0",
+    "@prosekit/config-tsdown": "0.0.0",
     "@prosekit/testing": "0.0.0"
   },
   "publishConfig": {

package/src/components/autocomplete/autocomplete-empty.gen.ts

@@ -1,22 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteEmptyElement } from '@prosekit/web/autocomplete';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes } from 'vue';
 
-/**
- * Props for the {@link AutocompleteEmpty} Vue component.
- *
- * @public
- */
+/** Props for the {@link AutocompleteEmpty} Vue component. */
 export interface AutocompleteEmptyProps {}
 
-/**
- * A Vue component that renders an `prosekit-autocomplete-empty` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-autocomplete-empty` custom element. */
 export const AutocompleteEmpty: DefineSetupFnComponent<AutocompleteEmptyProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<AutocompleteEmptyProps & HTMLAttributes>(
   (props, { slots }) => {
     registerAutocompleteEmptyElement();

package/src/components/autocomplete/autocomplete-item.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteItemElement, type AutocompleteItemEvents, type AutocompleteItemProps as AutocompleteItemElementProps } from '@prosekit/web/autocomplete';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
-/**
- * Props for the {@link AutocompleteItem} Vue component.
- *
- * @public
- */
+/** Props for the {@link AutocompleteItem} Vue component. */
 export interface AutocompleteItemProps {
   /**
    * The value of the item, which will be matched against the query.
@@ -29,11 +23,7 @@ export interface AutocompleteItemProps {
   onSelect?: (event: AutocompleteItemEvents['select']) => void;
 }
 
-/**
- * A Vue component that renders an `prosekit-autocomplete-item` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-autocomplete-item` custom element. */
 export const AutocompleteItem: DefineSetupFnComponent<AutocompleteItemProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<AutocompleteItemProps & HTMLAttributes>(
   (props, { slots }) => {
     registerAutocompleteItemElement();

package/src/components/autocomplete/autocomplete-popup.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompletePopupElement, type AutocompletePopupEvents } from '@prosekit/web/autocomplete';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
-/**
- * Props for the {@link AutocompletePopup} Vue component.
- *
- * @public
- */
+/** Props for the {@link AutocompletePopup} Vue component. */
 export interface AutocompletePopupProps {
   /**
    * Emitted when the selected value changes. Only available when multiple is
@@ -23,11 +17,7 @@ export interface AutocompletePopupProps {
   onValuesChange?: (event: AutocompletePopupEvents['valuesChange']) => void;
 }
 
-/**
- * A Vue component that renders an `prosekit-autocomplete-popup` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-autocomplete-popup` custom element. */
 export const AutocompletePopup: DefineSetupFnComponent<AutocompletePopupProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<AutocompletePopupProps & HTMLAttributes>(
   (props, { slots }) => {
     registerAutocompletePopupElement();

package/src/components/autocomplete/autocomplete-positioner.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompletePositionerElement, type AutocompletePositionerProps as AutocompletePositionerElementProps } from '@prosekit/web/autocomplete';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
-/**
- * Props for the {@link AutocompletePositioner} Vue component.
- *
- * @public
- */
+/** Props for the {@link AutocompletePositioner} Vue component. */
 export interface AutocompletePositionerProps {
   /**
    * The placement of the popover, relative to the text cursor.
@@ -115,11 +109,7 @@ export interface AutocompletePositionerProps {
   altBoundary?: AutocompletePositionerElementProps['altBoundary'];
 }
 
-/**
- * A Vue component that renders an `prosekit-autocomplete-positioner` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-autocomplete-positioner` custom element. */
 export const AutocompletePositioner: DefineSetupFnComponent<AutocompletePositionerProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<AutocompletePositionerProps & HTMLAttributes>(
   (props, { slots }) => {
     registerAutocompletePositionerElement();

package/src/components/autocomplete/autocomplete-root.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerAutocompleteRootElement, type AutocompleteRootEvents, type AutocompleteRootProps as AutocompleteRootElementProps } from '@prosekit/web/autocomplete';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
 import { useEditorContext } from '../../injection/editor-context.ts';
 
-/**
- * Props for the {@link AutocompleteRoot} Vue component.
- *
- * @public
- */
+/** Props for the {@link AutocompleteRoot} Vue component. */
 export interface AutocompleteRootProps {
   /**
    * The ProseKit editor instance.
@@ -49,11 +43,7 @@ export interface AutocompleteRootProps {
   onValuesChange?: (event: AutocompleteRootEvents['valuesChange']) => void;
 }
 
-/**
- * A Vue component that renders an `prosekit-autocomplete-root` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-autocomplete-root` custom element. */
 export const AutocompleteRoot: DefineSetupFnComponent<AutocompleteRootProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<AutocompleteRootProps & HTMLAttributes>(
   (props, { slots }) => {
     registerAutocompleteRootElement();

package/src/components/autocomplete/index.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { AutocompleteEmpty, type AutocompleteEmptyProps } from './autocomplete-empty.gen.ts';
 

package/src/components/block-handle/block-handle-add.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandleAddElement, type BlockHandleAddProps as BlockHandleAddElementProps } from '@prosekit/web/block-handle';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
 import { useEditorContext } from '../../injection/editor-context.ts';
 
-/**
- * Props for the {@link BlockHandleAdd} Vue component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleAdd} Vue component. */
 export interface BlockHandleAddProps {
   /**
    * The ProseKit editor instance.
@@ -22,11 +16,7 @@ export interface BlockHandleAddProps {
   editor?: BlockHandleAddElementProps['editor'];
 }
 
-/**
- * A Vue component that renders an `prosekit-block-handle-add` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-block-handle-add` custom element. */
 export const BlockHandleAdd: DefineSetupFnComponent<BlockHandleAddProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandleAddProps & HTMLAttributes>(
   (props, { slots }) => {
     registerBlockHandleAddElement();

package/src/components/block-handle/block-handle-draggable.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandleDraggableElement, type BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
 import { useEditorContext } from '../../injection/editor-context.ts';
 
-/**
- * Props for the {@link BlockHandleDraggable} Vue component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleDraggable} Vue component. */
 export interface BlockHandleDraggableProps {
   /**
    * The ProseKit editor instance.
@@ -22,11 +16,7 @@ export interface BlockHandleDraggableProps {
   editor?: BlockHandleDraggableElementProps['editor'];
 }
 
-/**
- * A Vue component that renders an `prosekit-block-handle-draggable` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-block-handle-draggable` custom element. */
 export const BlockHandleDraggable: DefineSetupFnComponent<BlockHandleDraggableProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandleDraggableProps & HTMLAttributes>(
   (props, { slots }) => {
     registerBlockHandleDraggableElement();

package/src/components/block-handle/block-handle-popup.gen.ts

@@ -1,22 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandlePopupElement } from '@prosekit/web/block-handle';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes } from 'vue';
 
-/**
- * Props for the {@link BlockHandlePopup} Vue component.
- *
- * @public
- */
+/** Props for the {@link BlockHandlePopup} Vue component. */
 export interface BlockHandlePopupProps {}
 
-/**
- * A Vue component that renders an `prosekit-block-handle-popup` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-block-handle-popup` custom element. */
 export const BlockHandlePopup: DefineSetupFnComponent<BlockHandlePopupProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandlePopupProps & HTMLAttributes>(
   (props, { slots }) => {
     registerBlockHandlePopupElement();

package/src/components/block-handle/block-handle-positioner.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandlePositionerElement, type BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
-/**
- * Props for the {@link BlockHandlePositioner} Vue component.
- *
- * @public
- */
+/** Props for the {@link BlockHandlePositioner} Vue component. */
 export interface BlockHandlePositionerProps {
   /**
    * The placement of the popover, relative to the hovered block.
@@ -133,11 +127,7 @@ export interface BlockHandlePositionerProps {
   altBoundary?: BlockHandlePositionerElementProps['altBoundary'];
 }
 
-/**
- * A Vue component that renders an `prosekit-block-handle-positioner` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-block-handle-positioner` custom element. */
 export const BlockHandlePositioner: DefineSetupFnComponent<BlockHandlePositionerProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandlePositionerProps & HTMLAttributes>(
   (props, { slots }) => {
     registerBlockHandlePositionerElement();

package/src/components/block-handle/block-handle-root.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerBlockHandleRootElement, type BlockHandleRootEvents, type BlockHandleRootProps as BlockHandleRootElementProps } from '@prosekit/web/block-handle';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
 import { useEditorContext } from '../../injection/editor-context.ts';
 
-/**
- * Props for the {@link BlockHandleRoot} Vue component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleRoot} Vue component. */
 export interface BlockHandleRootProps {
   /**
    * The ProseKit editor instance.
@@ -24,11 +18,7 @@ export interface BlockHandleRootProps {
   onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;
 }
 
-/**
- * A Vue component that renders an `prosekit-block-handle-root` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-block-handle-root` custom element. */
 export const BlockHandleRoot: DefineSetupFnComponent<BlockHandleRootProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<BlockHandleRootProps & HTMLAttributes>(
   (props, { slots }) => {
     registerBlockHandleRootElement();

package/src/components/block-handle/index.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { BlockHandleAdd, type BlockHandleAddProps } from './block-handle-add.gen.ts';
 

package/src/components/drop-indicator/drop-indicator.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerDropIndicatorElement, type DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
 import { useEditorContext } from '../../injection/editor-context.ts';
 
-/**
- * Props for the {@link DropIndicator} Vue component.
- *
- * @public
- */
+/** Props for the {@link DropIndicator} Vue component. */
 export interface DropIndicatorProps {
   /**
    * The ProseKit editor instance.
@@ -28,11 +22,7 @@ export interface DropIndicatorProps {
   width?: DropIndicatorElementProps['width'];
 }
 
-/**
- * A Vue component that renders an `prosekit-drop-indicator` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-drop-indicator` custom element. */
 export const DropIndicator: DefineSetupFnComponent<DropIndicatorProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<DropIndicatorProps & HTMLAttributes>(
   (props, { slots }) => {
     registerDropIndicatorElement();

package/src/components/drop-indicator/index.gen.ts

@@ -1,5 +1,3 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { DropIndicator, type DropIndicatorProps } from './drop-indicator.gen.ts';

package/src/components/inline-popover/index.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { InlinePopoverPopup, type InlinePopoverPopupProps } from './inline-popover-popup.gen.ts';
 

package/src/components/inline-popover/inline-popover-popup.gen.ts

@@ -1,22 +1,12 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerInlinePopoverPopupElement } from '@prosekit/web/inline-popover';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes } from 'vue';
 
-/**
- * Props for the {@link InlinePopoverPopup} Vue component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverPopup} Vue component. */
 export interface InlinePopoverPopupProps {}
 
-/**
- * A Vue component that renders an `prosekit-inline-popover-popup` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-inline-popover-popup` custom element. */
 export const InlinePopoverPopup: DefineSetupFnComponent<InlinePopoverPopupProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<InlinePopoverPopupProps & HTMLAttributes>(
   (props, { slots }) => {
     registerInlinePopoverPopupElement();

package/src/components/inline-popover/inline-popover-positioner.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerInlinePopoverPositionerElement, type InlinePopoverPositionerProps as InlinePopoverPositionerElementProps } from '@prosekit/web/inline-popover';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
-/**
- * Props for the {@link InlinePopoverPositioner} Vue component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverPositioner} Vue component. */
 export interface InlinePopoverPositionerProps {
   /**
    * The initial placement of the floating element
@@ -139,11 +133,7 @@ export interface InlinePopoverPositionerProps {
   altBoundary?: InlinePopoverPositionerElementProps['altBoundary'];
 }
 
-/**
- * A Vue component that renders an `prosekit-inline-popover-positioner` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-inline-popover-positioner` custom element. */
 export const InlinePopoverPositioner: DefineSetupFnComponent<InlinePopoverPositionerProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<InlinePopoverPositionerProps & HTMLAttributes>(
   (props, { slots }) => {
     registerInlinePopoverPositionerElement();

package/src/components/inline-popover/inline-popover-root.gen.ts

@@ -1,17 +1,11 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerInlinePopoverRootElement, type InlinePopoverRootEvents, type InlinePopoverRootProps as InlinePopoverRootElementProps } from '@prosekit/web/inline-popover';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
 import { useEditorContext } from '../../injection/editor-context.ts';
 
-/**
- * Props for the {@link InlinePopoverRoot} Vue component.
- *
- * @public
- */
+/** Props for the {@link InlinePopoverRoot} Vue component. */
 export interface InlinePopoverRootProps {
   /**
    * The ProseKit editor instance.
@@ -48,11 +42,7 @@ export interface InlinePopoverRootProps {
   onOpenChange?: (event: InlinePopoverRootEvents['openChange']) => void;
 }
 
-/**
- * A Vue component that renders an `prosekit-inline-popover-root` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-inline-popover-root` custom element. */
 export const InlinePopoverRoot: DefineSetupFnComponent<InlinePopoverRootProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<InlinePopoverRootProps & HTMLAttributes>(
   (props, { slots }) => {
     registerInlinePopoverRootElement();

package/src/components/menu/index.gen.ts

@@ -1,6 +1,4 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 export { MenuItem, type MenuItemProps } from './menu-item.gen.ts';
 

package/src/components/menu/menu-item.gen.ts

@@ -1,15 +1,9 @@
-/**
- * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
- */
+// This file is auto-generated by "@aria-ui/cli". Do not edit this file directly.
 
 import { registerMenuItemElement, type MenuItemEvents, type MenuItemProps as MenuItemElementProps } from '@prosekit/web/menu';
 import { defineComponent, h, type DefineSetupFnComponent, type HTMLAttributes, shallowRef, computed, watchEffect } from 'vue';
 
-/**
- * Props for the {@link MenuItem} Vue component.
- *
- * @public
- */
+/** Props for the {@link MenuItem} Vue component. */
 export interface MenuItemProps {
   /**
    * The unique value for this menu item.
@@ -33,11 +27,7 @@ export interface MenuItemProps {
   onSelect?: (event: MenuItemEvents['select']) => void;
 }
 
-/**
- * A Vue component that renders an `prosekit-menu-item` custom element.
- *
- * @public
- */
+/** A Vue component that renders an `prosekit-menu-item` custom element. */
 export const MenuItem: DefineSetupFnComponent<MenuItemProps & HTMLAttributes> = /* @__PURE__ */ defineComponent<MenuItemProps & HTMLAttributes>(
   (props, { slots }) => {
     registerMenuItemElement();