@abraca/nuxt 0.3.0 → 1.6.0

package/dist/runtime/components/AConnectServerModal.vue

@@ -0,0 +1,200 @@
+<script setup>
+import { ref, watch } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+const open = defineModel("open", { type: Boolean, ...{ default: false } });
+const emit = defineEmits(["done"]);
+const abra = useAbracadabra();
+const serverUrl = ref("");
+const connecting = ref(false);
+const error = ref("");
+const step = ref("connect");
+const connectedUrl = ref("");
+const inviteCode = ref("");
+const inviteLoading = ref(false);
+const inviteError = ref(null);
+watch(open, (v) => {
+  if (!v) return;
+  step.value = "connect";
+  serverUrl.value = "";
+  error.value = "";
+  connectedUrl.value = "";
+  inviteCode.value = "";
+  inviteError.value = null;
+});
+function onInviteInput(e) {
+  const raw = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, "");
+  const parts = raw.match(/.{1,4}/g) ?? [];
+  inviteCode.value = parts.join("-").slice(0, 14);
+}
+async function handleConnect() {
+  const raw = serverUrl.value.trim();
+  if (!raw) return;
+  connecting.value = true;
+  error.value = "";
+  try {
+    let url = raw;
+    if (!url.startsWith("http://") && !url.startsWith("https://")) {
+      url = "https://" + url;
+    }
+    url = url.replace(/\/$/, "");
+    const resp = await fetch(`${url}/info`);
+    if (!resp.ok) throw new Error(`Server returned ${resp.status}`);
+    const info = await resp.json();
+    await abra.addServer(url);
+    connectedUrl.value = url;
+    if (info.invite_only) {
+      step.value = "invite";
+    } else {
+      await finishConnection(url);
+    }
+  } catch (e) {
+    error.value = e?.message || "Connection failed";
+  } finally {
+    connecting.value = false;
+  }
+}
+async function handleInviteRedeem() {
+  const trimmed = inviteCode.value.trim();
+  if (!trimmed) return;
+  inviteLoading.value = true;
+  inviteError.value = null;
+  try {
+    await abra.redeemInvite(trimmed);
+    await finishConnection(connectedUrl.value);
+  } catch (e) {
+    inviteError.value = e?.message ?? "Invite redemption failed";
+  } finally {
+    inviteLoading.value = false;
+  }
+}
+async function finishConnection(url) {
+  await abra.switchServer(url);
+  open.value = false;
+  emit("done", url);
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :ui="{
+  content: 'sm:max-w-md',
+  header: 'hidden',
+  footer: 'hidden'
+}"
+  >
+    <template #body>
+      <div class="flex flex-col gap-6 p-6">
+        <!-- Step 1: Connect -->
+        <template v-if="step === 'connect'">
+          <div class="flex flex-col items-center text-center gap-4 pt-4">
+            <div class="w-14 h-14 rounded-2xl bg-(--ui-bg-elevated) flex items-center justify-center">
+              <UIcon
+                name="i-lucide-server"
+                class="size-7 text-(--color-primary-500)"
+              />
+            </div>
+            <div>
+              <h2 class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight">
+                Connect to Server
+              </h2>
+              <p class="text-sm text-(--ui-text-muted)">
+                Enter the URL of an Abracadabra server.
+              </p>
+            </div>
+          </div>
+
+          <UInput
+            v-model="serverUrl"
+            placeholder="https://abra.example.com"
+            size="lg"
+            autofocus
+            :disabled="connecting"
+            @keydown.enter="handleConnect"
+          />
+
+          <p
+            v-if="error"
+            class="text-xs text-(--ui-color-error-500)"
+          >
+            {{ error }}
+          </p>
+
+          <div class="flex gap-2">
+            <UButton
+              color="primary"
+              :loading="connecting"
+              @click="handleConnect"
+            >
+              Connect
+            </UButton>
+            <UButton
+              color="neutral"
+              variant="ghost"
+              :disabled="connecting"
+              @click="open = false"
+            >
+              Cancel
+            </UButton>
+          </div>
+        </template>
+
+        <!-- Step 2: Invite required -->
+        <template v-else>
+          <div class="flex flex-col items-center text-center gap-4 pt-4">
+            <UIcon
+              name="i-lucide-ticket"
+              class="size-8 text-(--color-primary-500)"
+            />
+            <div>
+              <h2 class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight">
+                Invite Required
+              </h2>
+              <p class="text-sm text-(--ui-text-muted)">
+                This server requires an invite code to join.
+              </p>
+            </div>
+          </div>
+
+          <UInput
+            :model-value="inviteCode"
+            placeholder="XXXX-XXXX-XXXX"
+            class="font-mono tracking-widest"
+            size="lg"
+            autofocus
+            :disabled="inviteLoading"
+            @input="onInviteInput"
+            @keydown.enter="handleInviteRedeem"
+          />
+
+          <p
+            v-if="inviteError"
+            class="text-xs text-(--ui-color-error-500)"
+          >
+            {{ inviteError }}
+          </p>
+
+          <div class="flex gap-2">
+            <UButton
+              color="primary"
+              icon="i-lucide-ticket-check"
+              :loading="inviteLoading"
+              :disabled="inviteCode.replace(/-/g, '').length < 12"
+              @click="handleInviteRedeem"
+            >
+              Redeem
+            </UButton>
+            <UButton
+              color="neutral"
+              variant="ghost"
+              :disabled="inviteLoading"
+              @click="step = 'connect'"
+            >
+              Back
+            </UButton>
+          </div>
+        </template>
+      </div>
+    </template>
+  </UModal>
+</template>

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

@@ -0,0 +1,12 @@
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: (url: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    onDone?: ((url: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AConnectionStatus.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { computed } from "vue";
 import { useConnectionStatus } from "../composables/useConnectionStatus";
 const props = defineProps({
   status: { type: String, required: false },

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

@@ -0,0 +1,13 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (value: {
+        id: string;
+        label: string;
+    } | null) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClose?: ((value: {
+        id: string;
+        label: string;
+    } | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ADocPickModal.vue

@@ -0,0 +1,71 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+import { useSyncedMap } from "../composables/useYDoc";
+import { resolveDocType } from "../utils/docTypes";
+const emit = defineEmits(["close"]);
+const { doc: rootDoc } = useAbracadabra();
+const treeMap = useSyncedMap(
+  rootDoc,
+  "doc-tree"
+);
+const open = ref(true);
+function selectDoc(id, label) {
+  open.value = false;
+  emit("close", { id, label });
+}
+function onModalClose() {
+  emit("close", null);
+}
+function parentPath(id) {
+  if (!id) return "";
+  const entry = treeMap.data[id];
+  if (!entry) return "";
+  const ancestor = parentPath(entry.parentId);
+  return ancestor ? `${ancestor} / ${entry.label || "Untitled"}` : entry.label || "Untitled";
+}
+const groups = computed(() => {
+  const items = Object.entries(treeMap.data).map(([id, entry]) => {
+    const typeDef = resolveDocType(entry.type);
+    const path = parentPath(entry.parentId);
+    return {
+      id,
+      prefix: path ? `${path} /` : void 0,
+      label: entry.label || "Untitled",
+      suffix: typeDef.label,
+      icon: typeDef.icon,
+      onSelect(e) {
+        e.preventDefault();
+        selectDoc(id, entry.label || "Untitled");
+      }
+    };
+  });
+  return [{ id: "pages", label: "Link to page", items }];
+});
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    title="Link to page"
+    @after:leave="onModalClose"
+  >
+    <template #content>
+      <UCommandPalette
+        :groups="groups"
+        placeholder="Search for a page to link..."
+        :fuse="{
+  fuseOptions: { keys: ['prefix', 'label'], threshold: 0.3 },
+  resultLimit: 20,
+  matchAllWhenSearchEmpty: true
+}"
+        :ui="{
+  itemLabel: 'flex items-baseline',
+  itemLabelPrefix: 'text-dimmed text-xs truncate min-w-0',
+  itemLabelBase: 'truncate min-w-[2rem] shrink-[0.01]',
+  itemLabelSuffix: 'shrink-0 whitespace-nowrap'
+}"
+      />
+    </template>
+  </UModal>
+</template>

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

@@ -0,0 +1,13 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (value: {
+        id: string;
+        label: string;
+    } | null) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClose?: ((value: {
+        id: string;
+        label: string;
+    } | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -9,7 +9,7 @@ type __VLS_Props = {
     rendererClass?: string;
 };
 declare var __VLS_1: {}, __VLS_23: {
-    error: any;
+    error: string;
 };
 type __VLS_Slots = {} & {
     loading?: (props: typeof __VLS_1) => any;

package/dist/runtime/components/ADocRenderer.vue

@@ -1,5 +1,9 @@
 <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 },
@@ -52,11 +56,13 @@ const resolvedClass = computed(
   <!-- 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"

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

@@ -9,7 +9,7 @@ type __VLS_Props = {
     rendererClass?: string;
 };
 declare var __VLS_1: {}, __VLS_23: {
-    error: any;
+    error: string;
 };
 type __VLS_Slots = {} & {
     loading?: (props: typeof __VLS_1) => any;

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>

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)
 });
@@ -935,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'"
@@ -998,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

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

@@ -42,16 +42,16 @@ 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;
-    updateMeta: (patch: Partial<DocPageMeta>) => 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;
-    onUpdateMeta?: ((patch: Partial<DocPageMeta>) => 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";