@abraca/nuxt 0.2.0 → 1.5.0

package/dist/runtime/components/ADocRenderer.vue

@@ -0,0 +1,105 @@
+<script setup>
+import { computed, watch, shallowRef } from "vue";
+import { useFetch } from "#imports";
+import { useAbracadabra } from "../composables/useAbracadabra";
+import { useSyncedMap } from "../composables/useYDoc";
+import { usePluginRegistry } from "../composables/usePluginRegistry";
+import { resolveDocType } from "../utils/docTypes";
+const props = defineProps({
+  docId: { type: String, required: true },
+  editable: { type: Boolean, required: false, default: true },
+  editorClass: { type: String, required: false },
+  rendererClass: { type: String, required: false }
+});
+const abra = useAbracadabra();
+const treeMap = useSyncedMap(abra.doc, "doc-tree");
+const docEntry = computed(() => treeMap.data[props.docId]);
+const docTitle = computed(() => docEntry.value?.label ?? "Untitled");
+const docType = computed(() => docEntry.value?.type ?? "doc");
+const docMeta = computed(() => docEntry.value?.meta ?? {});
+const registry = usePluginRegistry();
+const docTypeDef = computed(() => resolveDocType(docType.value, registry));
+const childProvider = shallowRef(null);
+async function loadChildProvider(id) {
+  childProvider.value = null;
+  if (!abra.provider.value) return;
+  try {
+    const prov = await abra.provider.value.loadChild(id);
+    if (!prov.isSynced) {
+      await new Promise((resolve) => {
+        const done = () => {
+          prov.off("synced", done);
+          resolve();
+        };
+        prov.on("synced", done);
+        setTimeout(resolve, 6e3);
+      });
+    }
+    childProvider.value = prov;
+  } catch (e) {
+    console.error("[ADocRenderer] Failed to load child provider:", e);
+  }
+}
+watch([() => abra.isReady.value, () => props.docId], ([ready, id]) => {
+  if (ready && id) loadChildProvider(id);
+}, { immediate: true });
+const { data: ssrContent } = useFetch(
+  () => `/api/_abracadabra/render/${props.docId}`,
+  { key: `render-${props.docId}`, server: true, lazy: true }
+);
+const resolvedClass = computed(
+  () => docTypeDef.value.hasEditor ? props.editorClass ?? void 0 : props.rendererClass ?? void 0
+);
+</script>
+
+<template>
+  <!-- Loading state -->
+  <div v-if="!abra.isReady.value">
+    <!-- SSR: show pre-rendered HTML while client hydrates -->
+    <!-- eslint-disable vue/no-v-html -->
+    <div
+      v-if="ssrContent?.html"
+      class="prose dark:prose-invert max-w-none"
+      v-html="ssrContent.html"
+    />
+    <!-- eslint-enable vue/no-v-html -->
+    <slot
+      v-else
+      name="loading"
+    >
+      <div class="p-8 space-y-3">
+        <USkeleton class="h-8 w-48" />
+        <USkeleton class="h-4 w-full" />
+        <USkeleton class="h-4 w-3/4" />
+        <USkeleton class="h-4 w-5/6" />
+      </div>
+    </slot>
+  </div>
+
+  <!-- Connection error -->
+  <slot
+    v-else-if="abra.connectionError.value && !abra.synced.value"
+    name="error"
+    :error="abra.connectionError.value"
+  >
+    <UAlert
+      class="m-8"
+      color="error"
+      icon="i-lucide-wifi-off"
+      :title="abra.connectionError.value"
+      description="Unable to connect to the server."
+    />
+  </slot>
+
+  <!-- Resolved renderer -->
+  <component
+    :is="docTypeDef.component"
+    v-else
+    :doc-id="docId"
+    :doc-label="docTitle"
+    :doc-meta="docMeta"
+    :child-provider="childProvider"
+    :editable="editable"
+    :class="resolvedClass"
+  />
+</template>

package/dist/runtime/components/ADocRenderer.vue.d.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** Document ID to render */
+    docId: string;
+    /** Whether the document is editable. Default: true */
+    editable?: boolean;
+    /** CSS class applied to editor-type documents (doc, or hasEditor: true) */
+    editorClass?: string;
+    /** CSS class applied to structured renderers (kanban, table, etc.) */
+    rendererClass?: string;
+};
+declare var __VLS_1: {}, __VLS_23: {
+    error: string;
+};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_1) => any;
+} & {
+    error?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    editable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ADocTypeSelect.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { computed } from "vue";
 import { getAvailableDocTypes } from "../utils/docTypes";
 const props = defineProps({
   modelValue: { type: String, required: true }
@@ -9,11 +10,11 @@ const items = computed(
   () => types.map((t) => ({
     label: t.label,
     icon: t.icon,
-    value: t.type,
-    onSelect: () => emit("update:modelValue", t.type)
+    value: t.key,
+    onSelect: () => emit("update:modelValue", t.key)
   }))
 );
-const current = computed(() => types.find((t) => t.type === props.modelValue));
+const current = computed(() => types.find((t) => t.key === props.modelValue));
 </script>
 
 <template>
@@ -28,7 +29,10 @@ const current = computed(() => types.find((t) => t.type === props.modelValue));
         class="size-4 text-muted shrink-0"
       />
       <span class="text-sm flex-1 text-left truncate">{{ current?.label ?? modelValue }}</span>
-      <UIcon name="i-lucide-chevron-down" class="size-3 text-muted shrink-0" />
+      <UIcon
+        name="i-lucide-chevron-down"
+        class="size-3 text-muted shrink-0"
+      />
     </button>
   </UDropdownMenu>
 </template>

package/dist/runtime/components/ADocumentTree.d.vue.ts

@@ -4,13 +4,13 @@ type __VLS_Props = {
     selectedId?: string | null;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    handleExternalDrop: (e: DragEvent, parentId?: string | null) => any;
+    handleExternalDrop: (e: DragEvent, parentId?: string | null) => Promise<void>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    navigate: (id: string) => any;
     create: (parentId: string | null) => any;
+    navigate: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNavigate?: ((id: string) => any) | undefined;
     onCreate?: ((parentId: string | null) => any) | undefined;
+    onNavigate?: ((id: string) => any) | undefined;
 }>, {
     editable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/ADocumentTree.vue

@@ -1,15 +1,18 @@
 <script setup>
 import { ref, computed, nextTick, shallowRef, watch } from "vue";
+import { useAbracadabra, useTrash, useChat, useVoice, useToast, useAppConfig, useSyncedMap, useDocImport, useDocExport, useWindowManager, useAwareness } from "#imports";
 import { resolveDocType, getAvailableDocTypes } from "../utils/docTypes";
 import { avatarBorderStyle } from "../utils/avatarStyle";
 import { DOC_DRAG_MIME, isDocDrag, parseDocDragPayload, isDescendantInMap } from "../utils/docDragDrop";
+import { useDocDragBus } from "../composables/useDocDragBus";
+const dragBus = useDocDragBus();
 const props = defineProps({
   collapsed: { type: Boolean, required: false },
   editable: { type: Boolean, required: false, default: true },
   selectedId: { type: [String, null], required: false }
 });
 const emit = defineEmits(["navigate", "create"]);
-const { doc, isReady, provider, client, userName } = useAbracadabra();
+const { doc, spaceDocId, isReady, provider, client, userName } = useAbracadabra();
 const { trashMap, trashedCount, moveToTrash, restoreFromTrash, permanentlyDelete, emptyTrash } = useTrash();
 const _chat = import.meta.client ? useChat() : null;
 const chatChannels = computed(() => _chat?.channels.value ?? {});
@@ -27,7 +30,12 @@ const appConfig = useAppConfig();
 const presenceNeutral = computed(() => appConfig.ui?.colors?.neutral ?? "zinc");
 const treeMap = useSyncedMap(doc, "doc-tree");
 function buildTree(parentId = null, depth = 0) {
-  return Object.entries(treeMap.data).filter(([, v]) => (v.parentId ?? null) === parentId).sort(([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0)).map(([id, v]) => ({
+  return Object.entries(treeMap.data).filter(([id, v]) => {
+    if (id === spaceDocId.value) return false;
+    const pid = v.parentId ?? null;
+    if (parentId === null) return pid === null || pid === spaceDocId.value;
+    return pid === parentId;
+  }).sort(([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0)).map(([id, v]) => ({
     id,
     label: v.label || "Untitled",
     parentId: v.parentId,
@@ -346,8 +354,26 @@ function onDragStart(e, item) {
     e.dataTransfer.setData("text/plain", item.id);
     e.dataTransfer.setData(DOC_DRAG_MIME, JSON.stringify({ id: item.id, label: item.name }));
   }
+  const selected = multiSelected.value.size > 0 ? [...multiSelected.value] : [item.id];
+  const labels = selected.map((id) => {
+    const entry = treeMap.data[id];
+    return entry?.label || "Untitled";
+  });
+  const icons = selected.map((id) => {
+    const entry = treeMap.data[id];
+    const dt = resolveDocType(entry?.type);
+    return dt.icon;
+  });
+  dragBus.startDrag({
+    docIds: selected,
+    labels,
+    icons,
+    source: "tree",
+    pointer: { x: e.clientX, y: e.clientY }
+  });
 }
 function onDragOver(e, item) {
+  dragBus.updatePointer(e.clientX, e.clientY);
   if (dragId.value === null && isExternalFileDrag(e)) {
     if (item.isTrash || item.isTrashRoot) {
       if (dropIndicator.value !== null) dropIndicator.value = null;
@@ -564,6 +590,7 @@ function onDrop(e) {
   cleanupDrag();
 }
 function onDragEnd() {
+  dragBus.endDrag();
   cleanupDrag();
 }
 function cleanupDrag() {
@@ -731,7 +758,7 @@ function treeNodeMenuItems(item) {
         label: "Export",
         icon: "i-lucide-download",
         children: [
-          { label: "Markdown", icon: "i-lucide-file-text", onSelect: () => exportSingleDoc(item.id, "md") },
+          { label: "Markdown", icon: "i-lucide-file-text", onSelect: () => exportSingleDoc(item.id, "markdown") },
           { label: "HTML", icon: "i-lucide-file-code", onSelect: () => exportSingleDoc(item.id, "html") }
         ]
       },
@@ -871,6 +898,78 @@ function onTreeDragOver(e) {
   }
   onImportDragOver(e);
 }
+const focusedIndex = ref(-1);
+function onTreeKeydown(e) {
+  const items = flatItems.value;
+  if (!items.length) return;
+  switch (e.key) {
+    case "ArrowDown": {
+      e.preventDefault();
+      focusedIndex.value = Math.min(focusedIndex.value + 1, items.length - 1);
+      break;
+    }
+    case "ArrowUp": {
+      e.preventDefault();
+      focusedIndex.value = Math.max(focusedIndex.value - 1, 0);
+      break;
+    }
+    case "ArrowRight": {
+      e.preventDefault();
+      const item = items[focusedIndex.value];
+      if (!item) break;
+      if (item.hasChildren && !item.expanded) {
+        toggleExpand(item.id);
+      } else if (item.hasChildren && item.expanded) {
+        focusedIndex.value = Math.min(focusedIndex.value + 1, items.length - 1);
+      }
+      break;
+    }
+    case "ArrowLeft": {
+      e.preventDefault();
+      const item = items[focusedIndex.value];
+      if (!item) break;
+      if (item.hasChildren && item.expanded) {
+        toggleExpand(item.id);
+      } else {
+        const node = nodeMap.value.get(item.id);
+        if (node?.parentId) {
+          const parentIdx = items.findIndex((i) => i.id === node.parentId);
+          if (parentIdx >= 0) focusedIndex.value = parentIdx;
+        }
+      }
+      break;
+    }
+    case "Enter": {
+      e.preventDefault();
+      const item = items[focusedIndex.value];
+      if (item && !item.isTrashRoot && !item.isTrash) {
+        emit("navigate", item.id);
+      } else if (item?.isTrashRoot) {
+        trashExpanded.value = !trashExpanded.value;
+      }
+      break;
+    }
+    case "F2": {
+      e.preventDefault();
+      const item = items[focusedIndex.value];
+      if (item && !item.isTrashRoot && !item.isTrash && props.editable) {
+        startRename(item.id);
+      }
+      break;
+    }
+    case "Delete":
+    case "Backspace": {
+      if (e.metaKey || e.ctrlKey) {
+        e.preventDefault();
+        const item = items[focusedIndex.value];
+        if (item && !item.isTrashRoot && !item.isTrash && props.editable) {
+          moveToTrash(item.id);
+        }
+      }
+      break;
+    }
+  }
+}
 defineExpose({
   handleExternalDrop: (e, parentId = null) => onExternalFileDrop(e, parentId)
 });
@@ -881,9 +980,18 @@ defineExpose({
     v-if="collapsed && ancestorChain.length"
     class="flex flex-col items-center gap-0.5 py-1.5"
   >
-    <template v-for="(node, i) in ancestorChain" :key="node.id">
-      <div v-if="i > 0" class="h-2 w-px bg-(--ui-border)" />
-      <UTooltip :text="node.label" :content="{ side: 'right' }">
+    <template
+      v-for="(node, i) in ancestorChain"
+      :key="node.id"
+    >
+      <div
+        v-if="i > 0"
+        class="h-2 w-px bg-(--ui-border)"
+      />
+      <UTooltip
+        :text="node.label"
+        :content="{ side: 'right' }"
+      >
         <UButton
           :icon="getItemIcon(nodeToFlatItem(node))"
           size="xs"
@@ -896,9 +1004,20 @@ defineExpose({
     </template>
 
     <!-- Collapsed trash icon -->
-    <div v-if="trashedCount > 0" class="mt-auto pt-2">
-      <UChip :text="trashedCount" color="neutral" size="sm" inset>
-        <UTooltip text="Trash" :content="{ side: 'right' }">
+    <div
+      v-if="trashedCount > 0"
+      class="mt-auto pt-2"
+    >
+      <UChip
+        :text="trashedCount"
+        color="neutral"
+        size="sm"
+        inset
+      >
+        <UTooltip
+          text="Trash"
+          :content="{ side: 'right' }"
+        >
           <UButton
             icon="i-lucide-trash-2"
             size="xs"
@@ -915,18 +1034,21 @@ defineExpose({
   <UContextMenu
     v-else-if="!collapsed"
     :items="treeAreaMenuItems()"
-    class="relative transition-colors duration-150"
+    class="relative transition-colors duration-150 outline-none"
     :class="externalDragActive ? 'ring-2 ring-inset ring-(--ui-primary)/30 rounded-(--ui-radius) bg-(--ui-primary)/3' : ''"
-    @keydown.escape.window="multiSelected = /* @__PURE__ */ new Set()"
+    tabindex="0"
+    role="tree"
+    @keydown="onTreeKeydown"
+    @keydown.escape="multiSelected = /* @__PURE__ */ new Set()"
     @dragenter="onTreeDragEnter"
     @dragleave="onTreeDragLeave"
     @dragover="onTreeDragOver"
     @drop.prevent="onOuterDrop"
   >
     <!-- Header -->
-    <div class="flex items-center justify-between px-2 py-1.5">
-      <span class="text-xs font-medium text-(--ui-text-muted) uppercase tracking-wide">Pages</span>
-      <div class="flex items-center gap-0.5">
+    <div class="flex items-center justify-between px-3 py-1">
+      <span class="text-[11px] font-medium text-(--ui-text-dimmed) uppercase tracking-wider">Pages</span>
+      <div class="flex items-center gap-0">
         <UTooltip :text="allExpanded ? 'Collapse all' : 'Expand all'">
           <UButton
             :icon="allExpanded ? 'i-lucide-chevrons-down-up' : 'i-lucide-chevrons-up-down'"
@@ -978,12 +1100,18 @@ defineExpose({
           @dragleave="onListDragLeave"
         >
           <div
-            v-for="item in flatItems"
+            v-for="(item, idx) in flatItems"
             :key="item.id"
             class="tree-item relative"
-            :class="{ 'opacity-30': dragId === item.id && !item.isTrashRoot }"
+            :class="[
+  dragId === item.id && !item.isTrashRoot ? 'opacity-30' : '',
+  focusedIndex === idx ? 'ring-1 ring-inset ring-(--ui-primary)/50 rounded-sm' : ''
+]"
+            :data-focused="focusedIndex === idx ? '' : void 0"
+            role="treeitem"
             @dragover="onDragOver($event, item)"
             @drop.stop="onDrop"
+            @click="focusedIndex = idx"
           >
             <!-- Drop indicator: line BEFORE -->
             <div
@@ -1025,7 +1153,10 @@ defineExpose({
                     class="size-3.5"
                   />
                 </span>
-                <UIcon name="i-lucide-trash-2" class="size-4 shrink-0" />
+                <UIcon
+                  name="i-lucide-trash-2"
+                  class="size-4 shrink-0"
+                />
                 <span class="truncate flex-1 min-w-0 text-left">Trash</span>
                 <UBadge
                   v-if="trashedCount > 0"
@@ -1060,9 +1191,15 @@ defineExpose({
                     class="size-3.5"
                   />
                 </span>
-                <span v-else class="size-5 shrink-0" />
+                <span
+                  v-else
+                  class="size-5 shrink-0"
+                />
 
-                <UIcon :name="getItemIcon(item)" class="size-4 shrink-0 text-(--ui-text-muted)" />
+                <UIcon
+                  :name="getItemIcon(item)"
+                  class="size-4 shrink-0 text-(--ui-text-muted)"
+                />
                 <span class="truncate flex-1 min-w-0 text-left">{{ item.name }}</span>
               </button>
             </UContextMenu>
@@ -1095,7 +1232,10 @@ defineExpose({
                     class="size-3.5"
                   />
                 </span>
-                <span v-else class="size-5 shrink-0" />
+                <span
+                  v-else
+                  class="size-5 shrink-0"
+                />
 
                 <UIcon
                   :name="getItemIcon(item)"
@@ -1116,7 +1256,10 @@ defineExpose({
                   @blur="commitRename"
                   @click.stop
                 />
-                <span v-else class="truncate flex-1 min-w-0 text-left">{{ item.name }}</span>
+                <span
+                  v-else
+                  class="truncate flex-1 min-w-0 text-left"
+                >{{ item.name }}</span>
 
                 <!-- Unread chat badge -->
                 <UBadge
@@ -1149,7 +1292,6 @@ defineExpose({
                     +{{ docPresence.get(item.id).length - MAX_PRESENCE }}
                   </div>
                 </div>
-
               </button>
             </UContextMenu>
 
@@ -1178,7 +1320,10 @@ defineExpose({
                     class="size-3.5"
                   />
                 </span>
-                <span v-else class="size-5 shrink-0" />
+                <span
+                  v-else
+                  class="size-5 shrink-0"
+                />
 
                 <UIcon
                   :name="getItemIcon(item)"
@@ -1239,8 +1384,16 @@ defineExpose({
                   @click="onRestoreItem(item)"
                 />
               </UTooltip>
-              <UDropdownMenu :items="trashNodeMenuItems(item)" :content="{ align: 'start' }">
-                <UButton icon="i-lucide-ellipsis" size="xs" variant="ghost" color="neutral" />
+              <UDropdownMenu
+                :items="trashNodeMenuItems(item)"
+                :content="{ align: 'start' }"
+              >
+                <UButton
+                  icon="i-lucide-ellipsis"
+                  size="xs"
+                  variant="ghost"
+                  color="neutral"
+                />
               </UDropdownMenu>
             </div>
             <!-- Editable item actions -->
@@ -1258,7 +1411,10 @@ defineExpose({
                 variant="ghost"
                 @click="isInThisCall(item) ? leaveRoom() : joinRoom(item.id)"
               />
-              <UTooltip v-if="!isCallDoc(item)" text="Add child page">
+              <UTooltip
+                v-if="!isCallDoc(item)"
+                text="Add child page"
+              >
                 <UButton
                   icon="i-lucide-plus"
                   size="xs"
@@ -1267,8 +1423,16 @@ defineExpose({
                   @click="createDirectly(item.id)"
                 />
               </UTooltip>
-              <UDropdownMenu :items="treeNodeMenuItems(item)" :content="{ align: 'start' }">
-                <UButton icon="i-lucide-ellipsis" size="xs" variant="ghost" color="neutral" />
+              <UDropdownMenu
+                :items="treeNodeMenuItems(item)"
+                :content="{ align: 'start' }"
+              >
+                <UButton
+                  icon="i-lucide-ellipsis"
+                  size="xs"
+                  variant="ghost"
+                  color="neutral"
+                />
               </UDropdownMenu>
             </div>
           </div>
@@ -1291,7 +1455,10 @@ defineExpose({
               Drop into
               <span class="font-medium text-(--ui-text-highlighted)">{{ nodeMap.get(dropIndicator.targetId)?.label }}</span>
             </span>
-            <span v-else class="text-xs text-(--ui-text-muted)">
+            <span
+              v-else
+              class="text-xs text-(--ui-text-muted)"
+            >
               Drop to import — docs, images, or any file
             </span>
           </div>

package/dist/runtime/components/ADocumentTree.vue.d.ts

@@ -4,13 +4,13 @@ type __VLS_Props = {
     selectedId?: string | null;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    handleExternalDrop: (e: DragEvent, parentId?: string | null) => any;
+    handleExternalDrop: (e: DragEvent, parentId?: string | null) => Promise<void>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    navigate: (id: string) => any;
     create: (parentId: string | null) => any;
+    navigate: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNavigate?: ((id: string) => any) | undefined;
     onCreate?: ((parentId: string | null) => any) | undefined;
+    onNavigate?: ((id: string) => any) | undefined;
 }>, {
     editable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/AEditor.d.vue.ts

@@ -1,4 +1,5 @@
 import type { DocPageMeta } from '../types.js';
+import type { MetaField } from '../utils/docTypes.js';
 type __VLS_Props = {
     /** Y.Doc ID to load as a child document */
     docId: string;
@@ -18,6 +19,10 @@ type __VLS_Props = {
     showDragHandle?: boolean;
     /** Current document metadata from the doc-tree — written into MetaField storage */
     docMeta?: DocPageMeta;
+    /** Parent document's type key — used to resolve metaSchema for auto-inserting chips */
+    parentType?: string;
+    /** Override metaSchema directly instead of resolving from parentType */
+    metaSchema?: MetaField[];
 };
 type __VLS_ModelProps = {
     modelValue?: any;
@@ -37,17 +42,17 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => any;
     rename: (label: string) => any;
-    ready: () => any;
     update: (content: any) => any;
+    "update:modelValue": (value: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
+    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onRename?: ((label: string) => any) | undefined;
-    onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
+    onReady?: (() => any) | undefined;
 }>, {
     contentType: "json" | "html" | "markdown";
     editable: boolean;