@abraca/nuxt 2.13.0 → 2.15.0

package/dist/runtime/components/renderers/calendar/ACalendarToolbar.d.vue.ts

@@ -20,16 +20,16 @@ type __VLS_Props = {
     };
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    prev: () => any;
     next: () => any;
     "update:viewMode": (mode: CalendarViewMode) => any;
-    prev: () => any;
     today: () => any;
     "add-event": () => any;
     "navigate-to-month": (year: number, month: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPrev?: (() => any) | undefined;
     onNext?: (() => any) | undefined;
     "onUpdate:viewMode"?: ((mode: CalendarViewMode) => any) | undefined;
-    onPrev?: (() => any) | undefined;
     onToday?: (() => any) | undefined;
     "onAdd-event"?: (() => any) | undefined;
     "onNavigate-to-month"?: ((year: number, month: number) => any) | undefined;

package/dist/runtime/components/renderers/calendar/ACalendarToolbar.vue.d.ts

@@ -20,16 +20,16 @@ type __VLS_Props = {
     };
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    prev: () => any;
     next: () => any;
     "update:viewMode": (mode: CalendarViewMode) => any;
-    prev: () => any;
     today: () => any;
     "add-event": () => any;
     "navigate-to-month": (year: number, month: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPrev?: (() => any) | undefined;
     onNext?: (() => any) | undefined;
     "onUpdate:viewMode"?: ((mode: CalendarViewMode) => any) | undefined;
-    onPrev?: (() => any) | undefined;
     onToday?: (() => any) | undefined;
     "onAdd-event"?: (() => any) | undefined;
     "onNavigate-to-month"?: ((year: number, month: number) => any) | undefined;

package/dist/runtime/components/renderers/media/MediaTransportBar.d.vue.ts

@@ -8,13 +8,13 @@ type __VLS_Props = {
     isLoading: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    next: () => any;
     prev: () => any;
+    next: () => any;
     togglePlay: () => any;
     seek: (position: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNext?: (() => any) | undefined;
     onPrev?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
     onTogglePlay?: (() => any) | undefined;
     onSeek?: ((position: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/renderers/media/MediaTransportBar.vue.d.ts

@@ -8,13 +8,13 @@ type __VLS_Props = {
     isLoading: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    next: () => any;
     prev: () => any;
+    next: () => any;
     togglePlay: () => any;
     seek: (position: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNext?: (() => any) | undefined;
     onPrev?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
     onTogglePlay?: (() => any) | undefined;
     onSeek?: ((position: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/composables/useDocLinkPick.d.ts

@@ -3,16 +3,17 @@ export interface DocLinkPickResult {
     label: string;
 }
 /**
- * Manages the state for the document picker dialog.
- * Used by doc-embed extension and inline link insertion.
+ * Imperative command-palette document picker.
  *
- * The module does not ship a modal component — the consuming app provides
- * one and wires it up to the `pending` state. When the app calls `resolve()`
- * or `cancel()`, the promise returned by `pickDoc()` settles.
+ * Opens `<ADocPickModal>` (a `UCommandPalette` in a `UModal`) via Nuxt UI's
+ * overlay manager and resolves with the chosen doc, or `null` if dismissed.
+ * Self-contained — callers (the slash doc-embed/doc-link handlers, the
+ * `<ADocLinkPopover>` toolbar button, the drag handle) just `await pickDoc()`;
+ * no host wiring required. This is the picker used everywhere EXCEPT the inline
+ * `[[` / `![[` typing triggers (those commit directly via `<ADocSuggestMenu>`).
+ *
+ * Mirrors cou-sh/app/composables/useDocLinkPick.ts.
  */
 export declare function useDocLinkPick(): {
-    isOpen: import("vue").Ref<boolean, boolean>;
     pickDoc: () => Promise<DocLinkPickResult | null>;
-    resolve: (result: DocLinkPickResult) => void;
-    cancel: () => void;
 };

package/dist/runtime/composables/useDocLinkPick.js

@@ -1,22 +1,11 @@
-import { ref } from "vue";
+import { useOverlay } from "#imports";
+import ADocPickModal from "../components/ADocPickModal.vue";
 export function useDocLinkPick() {
-  const isOpen = ref(false);
-  let _resolve = null;
+  const overlay = useOverlay();
+  const modal = overlay.create(ADocPickModal);
   function pickDoc() {
-    return new Promise((resolve2) => {
-      _resolve = resolve2;
-      isOpen.value = true;
-    });
+    const { result } = modal.open();
+    return result;
   }
-  function resolve(result) {
-    isOpen.value = false;
-    _resolve?.(result);
-    _resolve = null;
-  }
-  function cancel() {
-    isOpen.value = false;
-    _resolve?.(null);
-    _resolve = null;
-  }
-  return { isOpen, pickDoc, resolve, cancel };
+  return { pickDoc };
 }

package/dist/runtime/composables/useDocSuggest.d.ts

@@ -0,0 +1,34 @@
+import type { useChildTree } from './useChildTree.js';
+type Tree = ReturnType<typeof useChildTree>;
+export interface DocSuggestItem {
+    id: string;
+    label: string;
+    icon: string;
+    /** Dimmed ancestor path (e.g. "Kanban Board / Todo") for nesting context. */
+    prefix?: string;
+    /** When true, selecting this item creates a new child doc named `label`. */
+    isCreate?: boolean;
+}
+/** Reactive state shared between the DocSuggest extension and its popup. */
+export interface DocSuggestPopupState {
+    active: boolean;
+    mode: 'link' | 'embed';
+    query: string;
+    items: DocSuggestItem[];
+    index: number;
+    rect: {
+        left: number;
+        top: number;
+        bottom: number;
+    } | null;
+    onSelect: ((item: DocSuggestItem) => void) | null;
+}
+export declare function emptyDocSuggestState(): DocSuggestPopupState;
+/**
+ * Build a whole-space doc search for the `[[` / `![[` popups. Ranks entries by
+ * label match and appends a "Create …" item when the query has no exact match.
+ * Each result carries a dimmed ancestor-path `prefix` for nesting context — the
+ * popup stays a flat, searchable list (no tree drill-down).
+ */
+export declare function makeDocSearch(tree: Tree, currentDocId: string): (rawQuery: string) => DocSuggestItem[];
+export {};

package/dist/runtime/composables/useDocSuggest.js

@@ -0,0 +1,56 @@
+import { resolveDocType } from "../utils/docTypes.js";
+export function emptyDocSuggestState() {
+  return { active: false, mode: "link", query: "", items: [], index: 0, rect: null, onSelect: null };
+}
+const MAX_RESULTS = 20;
+export function makeDocSearch(tree, currentDocId) {
+  return (rawQuery) => {
+    const query = rawQuery.trim();
+    const q = query.toLowerCase();
+    const entries = tree.entries.value;
+    const byId = new Map(entries.map((e) => [e.id, e]));
+    const pathOf = (parentId) => {
+      const out = [];
+      const seen = /* @__PURE__ */ new Set();
+      let pid = parentId;
+      while (pid && byId.has(pid) && !seen.has(pid)) {
+        seen.add(pid);
+        const e = byId.get(pid);
+        out.unshift(e.label || "Untitled");
+        pid = e.parentId;
+      }
+      return out.join(" / ");
+    };
+    const scored = [];
+    for (const e of entries) {
+      if (e.id === currentDocId) continue;
+      const label = (e.label || "").trim();
+      if (!label) continue;
+      const lower = label.toLowerCase();
+      let score = -1;
+      if (!q) score = 0;
+      else if (lower === q) score = 3;
+      else if (lower.startsWith(q)) score = 2;
+      else if (lower.includes(q)) score = 1;
+      if (score < 0) continue;
+      scored.push({ entry: e, score });
+    }
+    scored.sort((a, b) => b.score - a.score || a.entry.label.localeCompare(b.entry.label));
+    const items = scored.slice(0, MAX_RESULTS).map(({ entry }) => ({
+      id: entry.id,
+      label: entry.label,
+      icon: resolveDocType(entry.type).icon,
+      prefix: pathOf(entry.parentId) || void 0
+    }));
+    const hasExact = items.some((i) => i.label.toLowerCase() === q);
+    if (query && !hasExact) {
+      items.push({
+        id: "__create__",
+        label: `Create "${query}"`,
+        icon: "i-lucide-file-plus",
+        isCreate: true
+      });
+    }
+    return items;
+  };
+}

package/dist/runtime/composables/useTouchDrag.d.ts

@@ -1,3 +1,4 @@
+import type { Ref } from 'vue';
 /**
  * Mobile-compatible drag & drop using pointer events.
  * Works on both touch and mouse devices, replacing HTML5 DragEvent handlers.
@@ -26,11 +27,27 @@ export declare function useTouchDrag(opts: {
     idAttr?: string;
     /** Data attribute name for containers (default: 'data-drop-container') */
     containerAttr?: string;
+    /**
+     * Navigate by range (prev/next) when the drag ghost dwells near the
+     * horizontal edges of `el` — e.g. a calendar dragging an event to the left
+     * edge steps to the previous period. Fires on a repeating interval while held
+     * at the edge, so a quick pass-through (or a drop on an edge cell) doesn't
+     * trigger it; resets the moment the pointer leaves the edge zone.
+     */
+    edgeNav?: {
+        el: Ref<HTMLElement | null>;
+        onPrev: () => void;
+        onNext: () => void;
+        /** px from the edge that counts as "at the edge" (default 48) */
+        threshold?: number;
+        /** ms between repeated nav steps while held at an edge (default 700) */
+        intervalMs?: number;
+    };
 }): {
-    dragId: import("vue").Ref<string | null, string | null>;
-    dragOverId: import("vue").Ref<string | null, string | null>;
-    dragOverContainer: import("vue").Ref<string | null, string | null>;
-    isDragging: import("vue").Ref<boolean, boolean>;
+    dragId: Ref<string | null, string | null>;
+    dragOverId: Ref<string | null, string | null>;
+    dragOverContainer: Ref<string | null, string | null>;
+    isDragging: Ref<boolean, boolean>;
     handlePointerDown: (e: PointerEvent, id: string) => void;
     cancel: () => void;
 };

package/dist/runtime/composables/useTouchDrag.js

@@ -7,6 +7,33 @@ export function useTouchDrag(opts) {
   const dragOverId = ref(null);
   const dragOverContainer = ref(null);
   const isDragging = ref(false);
+  let edgeNavTimer = null;
+  let edgeNavDir = null;
+  function clearEdgeNav() {
+    if (edgeNavTimer) {
+      clearInterval(edgeNavTimer);
+      edgeNavTimer = null;
+    }
+    edgeNavDir = null;
+  }
+  function handleEdgeNav(clientX) {
+    const cfg = opts.edgeNav;
+    const el = cfg?.el.value;
+    if (!cfg || !el) return;
+    const rect = el.getBoundingClientRect();
+    const threshold = cfg.threshold ?? 48;
+    let dir = null;
+    if (clientX <= rect.left + threshold) dir = "prev";
+    else if (clientX >= rect.right - threshold) dir = "next";
+    if (dir === edgeNavDir) return;
+    clearEdgeNav();
+    if (!dir) return;
+    edgeNavDir = dir;
+    edgeNavTimer = setInterval(() => {
+      if (edgeNavDir === "prev") cfg.onPrev();
+      else if (edgeNavDir === "next") cfg.onNext();
+    }, cfg.intervalMs ?? 700);
+  }
   let startX = 0;
   let startY = 0;
   let delayTimer = null;
@@ -131,6 +158,7 @@ export function useTouchDrag(opts) {
       opts.onMoveOverContainer(dragId.value, container, e);
     }
     autoScroll(e.clientY);
+    handleEdgeNav(e.clientX);
   }
   function autoScroll(clientY) {
     const threshold = 60;
@@ -143,6 +171,7 @@ export function useTouchDrag(opts) {
   }
   function onDocPointerUp() {
     cancelPending();
+    clearEdgeNav();
     document.removeEventListener("pointermove", onDocPointerMove);
     document.removeEventListener("pointerup", onDocPointerUp);
     document.removeEventListener("pointercancel", onDocPointerUp);
@@ -175,6 +204,7 @@ export function useTouchDrag(opts) {
     dragOverContainer.value = null;
     isDragging.value = false;
     pendingId = null;
+    clearEdgeNav();
     if (delayTimer) {
       clearTimeout(delayTimer);
       delayTimer = null;

package/dist/runtime/extensions/doc-link-drop.js

@@ -14,7 +14,7 @@ export const DocLinkDrop = Extension.create({
               const de = event;
               if (!de.dataTransfer?.types.includes(DOC_DRAG_MIME)) return false;
               de.preventDefault();
-              de.dataTransfer.dropEffect = de.altKey ? "link" : "copy";
+              de.dataTransfer.dropEffect = de.metaKey || de.ctrlKey ? "link" : "copy";
               return false;
             },
             drop(view, event) {
@@ -38,7 +38,7 @@ export const DocLinkDrop = Extension.create({
               const dropPos = view.posAtCoords({ left: de.clientX, top: de.clientY })?.pos;
               if (dropPos == null) return true;
               const { schema, tr } = view.state;
-              if (de.altKey) {
+              if (de.metaKey || de.ctrlKey) {
                 const linkType = schema.nodes.docLink;
                 if (!linkType) return true;
                 const node = linkType.create({ docId: data.id });

package/dist/runtime/extensions/doc-suggest.d.ts

@@ -0,0 +1,28 @@
+import { Extension } from '@tiptap/core';
+import type { DocSuggestItem, DocSuggestPopupState } from '../composables/useDocSuggest.js';
+export interface DocSuggestOptions {
+    /** Whole-space doc search (label match + create-on-miss). */
+    search: (query: string) => DocSuggestItem[];
+    /** Commit the chosen item as a doc link or embed over `range`. */
+    onCommit: (item: DocSuggestItem, mode: 'link' | 'embed', range: {
+        from: number;
+        to: number;
+    }, query: string) => void;
+}
+export interface DocSuggestStorage {
+    popup: DocSuggestPopupState;
+}
+/**
+ * Inline `[[` (doc link) and `![[` (doc embed) suggestion popups — the
+ * mention-style counterpart for cross-document references.
+ *
+ * One `@tiptap/suggestion` plugin triggers on `[[`; the leading `!` (when
+ * present) is what distinguishes embed from link. The popup is driven through
+ * `editor.storage.docSuggest.popup` (a per-editor reactive object) which the
+ * `ADocSuggestMenu` component renders — so nested/embedded editors never share
+ * or duplicate one popup.
+ *
+ * Ported from cou-sh/app/extensions/doc-suggest.ts.
+ */
+export declare const DocSuggest: Extension<DocSuggestOptions, DocSuggestStorage>;
+export default DocSuggest;

package/dist/runtime/extensions/doc-suggest.js

@@ -0,0 +1,85 @@
+import { Extension } from "@tiptap/core";
+import { reactive } from "vue";
+import { Suggestion } from "@tiptap/suggestion";
+import { emptyDocSuggestState } from "../composables/useDocSuggest.js";
+export const DocSuggest = Extension.create({
+  name: "docSuggest",
+  addOptions() {
+    return {
+      search: () => [],
+      onCommit: () => {
+      }
+    };
+  },
+  addStorage() {
+    return { popup: reactive(emptyDocSuggestState()) };
+  },
+  addProseMirrorPlugins() {
+    const reset = () => Object.assign(this.storage.popup, emptyDocSuggestState());
+    return [
+      Suggestion({
+        editor: this.editor,
+        char: "[[",
+        startOfLine: false,
+        allowSpaces: true,
+        allowedPrefixes: null,
+        // allow triggering after `!` and mid-line
+        items: ({ query }) => this.options.search(query),
+        command: () => {
+        },
+        // selection handled via the popup / onKeyDown
+        render: () => {
+          const sync = (props) => {
+            const popup = this.storage.popup;
+            const from = props.range.from;
+            const before = props.editor.state.doc.textBetween(Math.max(0, from - 1), from);
+            const mode = before === "!" ? "embed" : "link";
+            const rect = props.clientRect?.();
+            popup.active = true;
+            popup.mode = mode;
+            popup.query = props.query;
+            popup.items = props.items;
+            popup.index = 0;
+            popup.rect = rect ? { left: rect.left, top: rect.top, bottom: rect.bottom } : null;
+            popup.onSelect = (item) => {
+              const realBefore = props.editor.state.doc.textBetween(Math.max(0, from - 1), from);
+              const realMode = realBefore === "!" ? "embed" : "link";
+              const realFrom = realMode === "embed" ? from - 1 : from;
+              this.options.onCommit(item, realMode, { from: realFrom, to: props.range.to }, props.query);
+              reset();
+            };
+          };
+          return {
+            onStart: sync,
+            onUpdate: sync,
+            onKeyDown: ({ event }) => {
+              const popup = this.storage.popup;
+              const items = popup.items;
+              if (event.key === "Escape") {
+                reset();
+                return true;
+              }
+              if (!items.length) return false;
+              if (event.key === "ArrowDown") {
+                popup.index = (popup.index + 1) % items.length;
+                return true;
+              }
+              if (event.key === "ArrowUp") {
+                popup.index = (popup.index - 1 + items.length) % items.length;
+                return true;
+              }
+              if (event.key === "Enter") {
+                const item = items[popup.index];
+                if (item) popup.onSelect?.(item);
+                return true;
+              }
+              return false;
+            },
+            onExit: () => reset()
+          };
+        }
+      })
+    ];
+  }
+});
+export default DocSuggest;

package/dist/runtime/extensions/views/MetaFieldView.vue

@@ -4,6 +4,7 @@ import { NodeViewWrapper } from "@tiptap/vue-3";
 import AColorPalettePopover from "../../components/editor/AColorPalettePopover.vue";
 import AIconPickerPopover from "../../components/editor/AIconPickerPopover.vue";
 import ALocationPickerPopover from "../../components/editor/ALocationPickerPopover.vue";
+import AMetaNumberStepper from "../../components/editor/AMetaNumberStepper.vue";
 import { useAbraLocale } from "../../composables/useAbraLocale";
 import {
   DateFormatter,
@@ -62,6 +63,8 @@ const sliderMin = computed(() => props.node.attrs.sliderMin ?? 0);
 const sliderMax = computed(() => props.node.attrs.sliderMax ?? 100);
 const sliderStep = computed(() => props.node.attrs.sliderStep ?? 1);
 const unit = computed(() => props.node.attrs.unit ?? "");
+const numMin = computed(() => props.node.attrs.sliderMin);
+const numMax = computed(() => props.node.attrs.sliderMax);
 function getStr(key) {
   return storage()?.pageMeta?.[key] ?? "";
 }
@@ -239,16 +242,6 @@ function onRatingWheel(e) {
   const next = Math.max(0, Math.min(max, current + delta));
   if (next !== current) patch({ [metaKey.value]: next });
 }
-function onNumberWheel(e) {
-  const delta = -Math.sign(e.deltaY);
-  if (!delta) return;
-  const step = (sliderStep.value || 1) * (e.shiftKey ? 10 : 1);
-  const current = getNum(metaKey.value);
-  const min = sliderMin.value;
-  const max = sliderMax.value;
-  const next = Math.max(min, Math.min(max, current + delta * step));
-  if (next !== current) patch({ [metaKey.value]: next });
-}
 function onSliderWheel(e) {
   const delta = -Math.sign(e.deltaY);
   if (!delta) return;
@@ -784,13 +777,20 @@ function removeOption(opt) {
 
     <!-- ── number ─────────────────────────────────────────────────────────── -->
     <template v-else-if="fieldType === 'number'">
-      <div
-        class="flex items-center gap-1.5 h-7 px-2.5 border border-(--ui-border) rounded-md text-sm"
-        @mousedown.stop
-        @touchstart.stop
-        @wheel.prevent="onNumberWheel"
+      <AMetaNumberStepper
+        class="min-w-40"
+        :model-value="getOptNum(metaKey)"
+        :min="numMin"
+        :max="numMax"
+        :step="sliderStep"
+        :unit="unit"
+        :disabled="!isEditable"
+        @update:model-value="onNumber"
       >
-        <template v-if="fieldLabel">
+        <template
+          v-if="fieldLabel"
+          #label
+        >
           <input
             v-if="editingLabel"
             ref="labelInputEl"
@@ -807,18 +807,7 @@ function removeOption(opt) {
             @click.stop="startEditLabel"
           >{{ fieldLabel }}</span>
         </template>
-        <UInputNumber
-          size="xs"
-          :model-value="getOptNum(metaKey)"
-          :step="sliderStep"
-          class="max-w-32"
-          @update:model-value="onNumber"
-        />
-        <span
-          v-if="unit"
-          class="text-(--ui-text-muted) shrink-0 text-xs"
-        >{{ unit }}</span>
-      </div>
+      </AMetaNumberStepper>
     </template>
 
     <!-- ── toggle ─────────────────────────────────────────────────────────── -->

package/dist/runtime/utils/codeHighlightStyle.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Atom One — Nuxt UI syntax highlighting.
+ *
+ * Keeps Atom One Dark's familiar token roles but pulls each colour from the
+ * host's Nuxt UI theme tokens (`--ui-*` / `--color-*`), so the code editor
+ * matches the surrounding UI. Every value falls back to the canonical Atom
+ * One hex when the token isn't defined.
+ *
+ * A factory (not a const) because CodeMirror is lazy-loaded — `HighlightStyle`
+ * and the lezer `tags` come from the bundle resolved in `loadCodeMirror.ts`.
+ */
+type HighlightStyleStatic = (typeof import('@codemirror/language'))['HighlightStyle'];
+type TagsObject = (typeof import('@lezer/highlight'))['tags'];
+export declare function buildAtomOneNuxtHighlight(HighlightStyleCtor: HighlightStyleStatic, t: TagsObject): import("@codemirror/language").HighlightStyle;
+export {};

package/dist/runtime/utils/codeHighlightStyle.js

@@ -0,0 +1,34 @@
+export function buildAtomOneNuxtHighlight(HighlightStyleCtor, t) {
+  return HighlightStyleCtor.define([
+    // Comments — dimmed + italic.
+    { tag: [t.comment, t.lineComment, t.blockComment, t.docComment], color: "var(--ui-text-dimmed, #5c6370)", fontStyle: "italic" },
+    // Keywords / storage — brand colour (Atom One purple fallback).
+    { tag: [t.keyword, t.moduleKeyword, t.controlKeyword, t.operatorKeyword, t.definitionKeyword, t.self], color: "var(--ui-primary, #c678dd)" },
+    // Strings + escapes — green.
+    { tag: [t.string, t.special(t.string), t.docString, t.regexp, t.attributeValue], color: "var(--color-green-400, #98c379)" },
+    { tag: [t.escape, t.character], color: "var(--color-cyan-400, #56b6c2)" },
+    // Numbers / constants / booleans — orange.
+    { tag: [t.number, t.integer, t.float, t.bool, t.null, t.atom, t.unit, t.constant(t.name), t.standard(t.name)], color: "var(--color-orange-400, #d19a66)" },
+    // Functions / methods — blue.
+    { tag: [t.function(t.variableName), t.function(t.propertyName), t.labelName, t.macroName], color: "var(--color-blue-400, #61afef)" },
+    // Types / classes / namespaces — amber.
+    { tag: [t.typeName, t.className, t.namespace, t.definition(t.typeName)], color: "var(--color-amber-400, #e5c07b)" },
+    // Properties / attributes / tags — red.
+    { tag: [t.propertyName, t.attributeName, t.tagName], color: "var(--color-red-400, #e06c75)" },
+    // Plain identifiers — body text colour.
+    { tag: [t.variableName, t.definition(t.variableName)], color: "var(--ui-text-highlighted, #abb2bf)" },
+    // Operators — cyan.
+    { tag: [t.operator, t.derefOperator, t.arithmeticOperator, t.logicOperator, t.bitwiseOperator, t.compareOperator, t.updateOperator], color: "var(--color-cyan-400, #56b6c2)" },
+    // Punctuation / brackets — muted.
+    { tag: [t.punctuation, t.separator, t.bracket, t.angleBracket, t.squareBracket, t.paren, t.brace], color: "var(--ui-text-muted, #abb2bf)" },
+    // Meta / annotations — cyan.
+    { tag: [t.meta, t.documentMeta, t.annotation, t.processingInstruction], color: "var(--color-cyan-400, #56b6c2)" },
+    // Markdown / prose niceties.
+    { tag: [t.heading], fontWeight: "600", color: "var(--color-red-400, #e06c75)" },
+    { tag: [t.strong], fontWeight: "600" },
+    { tag: [t.emphasis], fontStyle: "italic" },
+    { tag: [t.strikethrough], textDecoration: "line-through" },
+    { tag: [t.link, t.url], color: "var(--ui-primary, #61afef)", textDecoration: "underline" },
+    { tag: [t.invalid], color: "var(--ui-error, #e06c75)" }
+  ]);
+}

package/dist/runtime/utils/loadCodeMirror.d.ts

@@ -28,5 +28,6 @@ export interface CodeMirrorBundle {
     langVue: typeof import('@codemirror/lang-vue');
     langJson: typeof import('@codemirror/lang-json');
     yCollab: typeof import('y-codemirror.next');
+    lezerHighlight: typeof import('@lezer/highlight');
 }
 export declare function loadCodeMirror(): Promise<CodeMirrorBundle | null>;

package/dist/runtime/utils/loadCodeMirror.js

@@ -17,7 +17,8 @@ export async function loadCodeMirror() {
         "@codemirror/lang-css",
         "@codemirror/lang-vue",
         "@codemirror/lang-json",
-        "y-codemirror.next"
+        "y-codemirror.next",
+        "@lezer/highlight"
       ];
       const [
         view,
@@ -30,7 +31,8 @@ export async function loadCodeMirror() {
         langCss,
         langVue,
         langJson,
-        yCollab
+        yCollab,
+        lezerHighlight
       ] = await Promise.all(names.map((n) => import(
         /* @vite-ignore */
         n
@@ -46,7 +48,8 @@ export async function loadCodeMirror() {
         langCss,
         langVue,
         langJson,
-        yCollab
+        yCollab,
+        lezerHighlight
       };
       return cache;
     } catch {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abraca/nuxt",
-  "version": "2.13.0",
+  "version": "2.15.0",
   "description": "First-class Nuxt module for the Abracadabra CRDT collaboration platform",
   "repository": "abracadabra/abracadabra-nuxt",
   "license": "MIT",
@@ -69,6 +69,7 @@
     "@tiptap/extension-text-align": "^3.0.0",
     "@tiptap/extension-text-style": "^3.0.0",
     "@tiptap/starter-kit": "^3.0.0",
+    "@tiptap/suggestion": "^3.0.0",
     "@tiptap/vue-3": "^3.0.0",
     "@unovis/ts": "^1.6.5",
     "@unovis/vue": "^1.6.5",