@abraca/nuxt 0.2.0 → 1.5.0

package/dist/runtime/extensions/code-tree.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const CodeTree: Node<any, any>;

package/dist/runtime/extensions/code-tree.js

@@ -0,0 +1,33 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import CodeTreeView from "./views/CodeTreeView.vue";
+export const CodeTree = Node.create({
+  name: "codeTree",
+  group: "block",
+  atom: true,
+  addAttributes() {
+    return {
+      files: { default: "[]" }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-code-tree]",
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        getAttrs: (el) => ({
+          files: el.getAttribute("data-files") || "[]"
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes({
+      "data-code-tree": "",
+      "data-files": HTMLAttributes.files
+    })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(CodeTreeView);
+  }
+});

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

@@ -0,0 +1,12 @@
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        docEmbed: {
+            insertDocEmbed: (attrs: {
+                docId: string;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const DocEmbed: Node<any, any>;
+export default DocEmbed;

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

@@ -0,0 +1,63 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import DocEmbedView from "./views/DocEmbedView.vue";
+const EMBED_REGEX = /!\[\[([a-f0-9-]{36})(?:\|[^\]]+)?\]\]/gi;
+export const DocEmbed = Node.create({
+  name: "docEmbed",
+  group: "block",
+  atom: true,
+  draggable: true,
+  addAttributes() {
+    return {
+      docId: { default: null },
+      collapsed: { default: false },
+      tall: { default: false }
+    };
+  },
+  parseHTML() {
+    return [{ tag: 'div[data-type="doc-embed"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-type": "doc-embed" })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(DocEmbedView);
+  },
+  addCommands() {
+    return {
+      insertDocEmbed: (attrs) => ({ commands }) => {
+        return commands.insertContent({ type: this.name, attrs });
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const type = this.type;
+    return [
+      new Plugin({
+        key: new PluginKey("docEmbedPaste"),
+        props: {
+          handlePaste(_view, event) {
+            const text = event.clipboardData?.getData("text/plain");
+            if (!text) return false;
+            const matches = [...text.matchAll(EMBED_REGEX)];
+            if (!matches.length) return false;
+            const nodes = matches.map(
+              (m) => type.create({ docId: m[1] })
+            );
+            if (!nodes.length) return false;
+            const { tr } = _view.state;
+            const { from, to } = tr.selection;
+            tr.delete(from, to);
+            nodes.forEach((node, i) => {
+              tr.insert(from + i, node);
+            });
+            _view.dispatch(tr);
+            return true;
+          }
+        }
+      })
+    ];
+  }
+});
+export default DocEmbed;

package/dist/runtime/extensions/doc-link-drop.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from '@tiptap/core';
+export declare const DocLinkDrop: Extension<any, any>;
+export default DocLinkDrop;

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

@@ -0,0 +1,63 @@
+import { Extension } from "@tiptap/core";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { DOC_DRAG_MIME } from "../utils/docDragDrop.js";
+import { useDocDragBus } from "../composables/useDocDragBus.js";
+export const DocLinkDrop = Extension.create({
+  name: "docLinkDrop",
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey("docLinkDrop"),
+        props: {
+          handleDOMEvents: {
+            dragover(_view, event) {
+              const de = event;
+              if (!de.dataTransfer?.types.includes(DOC_DRAG_MIME)) return false;
+              de.preventDefault();
+              de.dataTransfer.dropEffect = de.altKey ? "link" : "copy";
+              return false;
+            },
+            drop(view, event) {
+              const de = event;
+              const raw = de.dataTransfer?.getData(DOC_DRAG_MIME);
+              let data;
+              if (raw) {
+                try {
+                  data = JSON.parse(raw);
+                } catch {
+                  return false;
+                }
+              } else {
+                const bus = useDocDragBus();
+                const state = bus.dragState.value;
+                if (!state || !state.docIds.length) return false;
+                data = { id: state.docIds[0], label: state.labels[0] || "Untitled" };
+                bus.endDrag();
+              }
+              de.preventDefault();
+              const dropPos = view.posAtCoords({ left: de.clientX, top: de.clientY })?.pos;
+              if (dropPos == null) return true;
+              const { schema, tr } = view.state;
+              if (de.altKey) {
+                const linkMark = schema.marks.link?.create({ href: `/doc/${data.id}` });
+                if (!linkMark) return true;
+                const textNode = schema.text(data.label, [linkMark]);
+                tr.insert(dropPos, textNode);
+              } else {
+                const nodeType = schema.nodes.docEmbed;
+                if (!nodeType) return true;
+                const node = nodeType.create({ docId: data.id });
+                const $pos = tr.doc.resolve(dropPos);
+                const insertPos = $pos.depth >= 1 ? $pos.after(1) : tr.doc.content.size;
+                tr.insert(insertPos, node);
+              }
+              view.dispatch(tr);
+              return true;
+            }
+          }
+        }
+      })
+    ];
+  }
+});
+export default DocLinkDrop;

package/dist/runtime/extensions/document-header.js

@@ -4,7 +4,7 @@ import { Slice, Fragment } from "@tiptap/pm/model";
 export const DocumentHeader = Node.create({
   name: "documentHeader",
   content: "inline*",
-  marks: "",
+  marks: "bold italic code link strike",
   defining: true,
   parseHTML() {
     return [{ tag: "h1.document-header" }];

package/dist/runtime/extensions/field.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+export declare const Field: Node<any, any>;
+export declare const FieldGroup: Node<any, any>;

package/dist/runtime/extensions/field.js

@@ -0,0 +1,53 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import FieldView from "./views/FieldView.vue";
+import FieldGroupView from "./views/FieldGroupView.vue";
+export const Field = Node.create({
+  name: "field",
+  content: "block+",
+  addAttributes() {
+    return {
+      name: { default: "" },
+      type: { default: "string" },
+      required: { default: false }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-field]",
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        getAttrs: (el) => ({
+          name: el.getAttribute("data-name"),
+          type: el.getAttribute("data-type"),
+          required: el.getAttribute("data-required") === "true"
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes({
+      "data-field": "",
+      "data-name": HTMLAttributes.name,
+      "data-type": HTMLAttributes.type,
+      "data-required": HTMLAttributes.required
+    }), 0];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(FieldView);
+  }
+});
+export const FieldGroup = Node.create({
+  name: "fieldGroup",
+  group: "block",
+  content: "field+",
+  parseHTML() {
+    return [{ tag: "div[data-field-group]" }];
+  },
+  renderHTML() {
+    return ["div", { "data-field-group": "" }, 0];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(FieldGroupView);
+  }
+});

package/dist/runtime/extensions/mention-drop.d.ts

@@ -0,0 +1,8 @@
+import { Extension } from '@tiptap/core';
+export declare const MENTION_DRAG_MIME = "application/x-abracadabra-mention";
+export interface MentionDragPayload {
+    id: string;
+    label: string;
+}
+export declare const MentionDrop: Extension<any, any>;
+export default MentionDrop;

package/dist/runtime/extensions/mention-drop.js

@@ -0,0 +1,47 @@
+import { Extension } from "@tiptap/core";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+export const MENTION_DRAG_MIME = "application/x-abracadabra-mention";
+export const MentionDrop = Extension.create({
+  name: "mentionDrop",
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey("mentionDrop"),
+        props: {
+          handleDOMEvents: {
+            dragover(_view, event) {
+              const de = event;
+              if (!de.dataTransfer?.types.includes(MENTION_DRAG_MIME)) return false;
+              de.preventDefault();
+              de.dataTransfer.dropEffect = "copy";
+              return false;
+            },
+            drop(view, event) {
+              const de = event;
+              const raw = de.dataTransfer?.getData(MENTION_DRAG_MIME);
+              if (!raw) return false;
+              let data;
+              try {
+                data = JSON.parse(raw);
+              } catch {
+                return false;
+              }
+              de.preventDefault();
+              const dropPos = view.posAtCoords({ left: de.clientX, top: de.clientY })?.pos;
+              if (dropPos == null) return true;
+              const { schema, tr } = view.state;
+              const mentionType = schema.nodes.mention;
+              if (!mentionType) return true;
+              const mentionNode = mentionType.create({ id: data.id, label: data.label });
+              tr.insert(dropPos, mentionNode);
+              tr.insertText(" ", dropPos + mentionNode.nodeSize);
+              view.dispatch(tr);
+              return true;
+            }
+          }
+        }
+      })
+    ];
+  }
+});
+export default MentionDrop;

package/dist/runtime/extensions/meta-field.d.ts

@@ -11,6 +11,9 @@ import { Node } from '@tiptap/core';
  * Values live in tree meta (Y.Map). The storage.metaField reactive object is
  * the bridge: AEditor writes to it via watchEffect, MetaFieldView reads it.
  */
-export declare const MetaField: Node<any, any>;
+export declare const MetaField: Node<any, {
+    pageMeta: Record<string, unknown> | null;
+    updateMeta: ((patch: Record<string, unknown>) => void) | null;
+}>;
 export declare function schemaFieldToAttrs(field: any): Record<string, unknown>;
 export declare function userFieldToAttrs(f: any): Record<string, unknown>;

package/dist/runtime/extensions/meta-field.js

@@ -91,6 +91,7 @@ export function schemaFieldToAttrs(field) {
   if (t === "colorPicker") return { fieldType: "colorPicker", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key) };
   if (t === "location") return { fieldType: "location", fieldLabel: field.label ?? "", userDefined: false, latKey: String(field.latKey), lngKey: String(field.lngKey) };
   if (t === "icon") return { fieldType: "icon", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key), iconOptions: JSON.stringify(field.options ?? []) };
+  if (t === "members") return { fieldType: "members", fieldLabel: field.label ?? "", userDefined: false, metaKey: String(field.key) };
   return { fieldType: "colorPreset", fieldLabel: "" };
 }
 export function userFieldToAttrs(f) {
@@ -106,5 +107,6 @@ export function userFieldToAttrs(f) {
   if (["select", "multiselect", "tags"].includes(f.type)) return { ...base, metaKey: f.key ?? "", options: JSON.stringify(f.options ?? []) };
   if (f.type === "location") return { ...base, latKey: f.latKey ?? "", lngKey: f.lngKey ?? "" };
   if (f.type === "icon") return { ...base, metaKey: f.key ?? "", iconOptions: JSON.stringify(f.options ?? []) };
+  if (f.type === "members") return { ...base, metaKey: f.key ?? "" };
   return base;
 }

package/dist/runtime/extensions/selection-drag.d.ts

@@ -0,0 +1,13 @@
+import { Extension } from '@tiptap/core';
+export interface SelectionDragOptions {
+    onDragStart: (html: string, deleteSelection: () => void) => void;
+    onDragEnd: () => void;
+}
+/**
+ * ProseMirror normally prevents native text-selection drags. This plugin enables
+ * them by temporarily setting `draggable="true"` on the editor element when the
+ * user mouses down on already-selected text. The browser then initiates an HTML5
+ * drag, which we intercept to populate tiptapDragState for the DocumentTree.
+ */
+export declare const SelectionDrag: Extension<SelectionDragOptions, any>;
+export default SelectionDrag;

package/dist/runtime/extensions/selection-drag.js

@@ -0,0 +1,126 @@
+import { Extension } from "@tiptap/core";
+import { Plugin, PluginKey, NodeSelection, TextSelection } from "@tiptap/pm/state";
+import { DOMSerializer } from "@tiptap/pm/model";
+export const SelectionDrag = Extension.create({
+  name: "selectionDrag",
+  addOptions() {
+    return {
+      onDragStart: () => {
+      },
+      onDragEnd: () => {
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const options = this.options;
+    let active = false;
+    let primed = false;
+    let boundView = null;
+    return [
+      new Plugin({
+        key: new PluginKey("selectionDrag"),
+        props: {
+          handleDOMEvents: {
+            // @ts-expect-error ProseMirror handler type mismatch
+            dragstart(view, event) {
+              if (!primed) return false;
+              primed = false;
+              view.dom.removeAttribute("draggable");
+              const { state } = view;
+              const { selection } = state;
+              if (selection.empty) return false;
+              const { from, to } = selection;
+              let html = "";
+              try {
+                const slice = state.doc.slice(from, to);
+                const serializer = DOMSerializer.fromSchema(state.schema);
+                const fragment = serializer.serializeFragment(slice.content);
+                const tmp = document.createElement("div");
+                tmp.appendChild(fragment);
+                html = tmp.innerHTML;
+              } catch {
+                return false;
+              }
+              if (!html) return false;
+              const de = event;
+              if (de.dataTransfer) {
+                de.dataTransfer.effectAllowed = "copyMove";
+                de.dataTransfer.setData("text/html", html);
+                de.dataTransfer.setData("text/plain", html.replace(/<[^>]*>/g, ""));
+              }
+              const capturedFrom = from;
+              const capturedTo = to;
+              const deleteSelection = () => {
+                if (!view.dom.isConnected) return;
+                try {
+                  const { tr } = view.state;
+                  tr.delete(capturedFrom, capturedTo);
+                  view.dispatch(tr);
+                } catch {
+                }
+              };
+              active = true;
+              options.onDragStart(html, deleteSelection);
+              return false;
+            },
+            // @ts-expect-error ProseMirror handler type mismatch
+            dragend(view, _event) {
+              view.dom.removeAttribute("draggable");
+              primed = false;
+              if (!active) return false;
+              active = false;
+              options.onDragEnd();
+              return false;
+            }
+          }
+        },
+        // @ts-expect-error PluginView return type mismatch
+        view(editorView) {
+          boundView = editorView;
+          const onMouseDown = (e) => {
+            if (e.button !== 0) return;
+            if (e.detail >= 2) return;
+            const { state } = editorView;
+            const { selection } = state;
+            if (selection instanceof NodeSelection) return;
+            if (selection.empty) return;
+            if (!(selection instanceof TextSelection)) return;
+            const pos = editorView.posAtCoords({ left: e.clientX, top: e.clientY });
+            if (!pos) return;
+            if (pos.pos < selection.from || pos.pos > selection.to) return;
+            editorView.dom.setAttribute("draggable", "true");
+            primed = true;
+            e.stopPropagation();
+            const reset = () => {
+              document.removeEventListener("mouseup", reset, true);
+              if (primed) {
+                primed = false;
+                editorView.dom.removeAttribute("draggable");
+                const clickPos = editorView.posAtCoords({ left: e.clientX, top: e.clientY });
+                if (clickPos) {
+                  const tr = editorView.state.tr.setSelection(
+                    TextSelection.create(editorView.state.doc, clickPos.pos)
+                  );
+                  editorView.dispatch(tr);
+                  editorView.focus();
+                }
+              }
+            };
+            document.addEventListener("mouseup", reset, true);
+          };
+          editorView.dom.addEventListener("mousedown", onMouseDown, true);
+          return {
+            destroy() {
+              if (boundView) {
+                boundView.dom.removeEventListener("mousedown", onMouseDown, true);
+                boundView.dom.removeAttribute("draggable");
+                boundView = null;
+              }
+            }
+          };
+        }
+      })
+    ];
+  }
+});
+export default SelectionDrag;

package/dist/runtime/extensions/steps.js

@@ -15,7 +15,7 @@ export const Steps = Node.create({
       {
         tag: "div[data-steps]",
         getAttrs: (el) => ({
-          level: parseInt(el.getAttribute("data-level") || "1", 10)
+          level: Number.parseInt(el.getAttribute("data-level") || "1", 10)
         })
       }
     ];

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

@@ -1,5 +1,6 @@
 <script setup>
 import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+import { ref, computed } from "vue";
 const props = defineProps({
   decorations: { type: Array, required: true },
   selected: { type: Boolean, required: true },
@@ -19,14 +20,21 @@ const icon = computed(() => props.node.attrs.icon || "");
 </script>
 
 <template>
-  <NodeViewWrapper as="div" class="border-b border-(--ui-border) last:border-b-0">
+  <NodeViewWrapper
+    as="div"
+    class="border-b border-(--ui-border) last:border-b-0"
+  >
     <button
       contenteditable="false"
       class="group w-full flex-1 flex items-center gap-1.5 font-medium text-sm py-3.5 px-4 text-left text-(--ui-text-highlighted) focus-visible:outline-(--ui-primary) focus:outline-none min-w-0"
       :data-state="open ? 'open' : 'closed'"
       @click="open = !open"
     >
-      <UIcon v-if="icon" :name="icon" class="shrink-0 size-5" />
+      <UIcon
+        v-if="icon"
+        :name="icon"
+        class="shrink-0 size-5"
+      />
       <span class="text-start break-words flex-1">{{ label }}</span>
       <UIcon
         name="i-lucide-chevron-down"
@@ -34,7 +42,10 @@ const icon = computed(() => props.node.attrs.icon || "");
         :class="{ 'rotate-180': open }"
       />
     </button>
-    <div v-show="open" class="text-sm pb-3.5 px-4">
+    <div
+      v-show="open"
+      class="text-sm pb-3.5 px-4"
+    >
       <NodeViewContent class="text-(--ui-text-muted) [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&>*]:my-1.5" />
     </div>
   </NodeViewWrapper>

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

@@ -16,7 +16,10 @@ defineProps({
 </script>
 
 <template>
-  <NodeViewWrapper as="div" class="my-5 w-full">
+  <NodeViewWrapper
+    as="div"
+    class="my-5 w-full"
+  >
     <NodeViewContent />
   </NodeViewWrapper>
 </template>

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

@@ -1,5 +1,6 @@
 <script setup>
 import { NodeViewWrapper } from "@tiptap/vue-3";
+import { computed } from "vue";
 const props = defineProps({
   decorations: { type: Array, required: true },
   selected: { type: Boolean, required: true },
@@ -17,7 +18,16 @@ const label = computed(() => props.node.attrs.label || "Badge");
 </script>
 
 <template>
-  <NodeViewWrapper as="span" class="inline">
-    <UBadge color="primary" variant="subtle" class="rounded-full">{{ label }}</UBadge>
+  <NodeViewWrapper
+    as="span"
+    class="inline"
+  >
+    <UBadge
+      color="primary"
+      variant="subtle"
+      class="rounded-full"
+    >
+      {{ label }}
+    </UBadge>
   </NodeViewWrapper>
 </template>

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

@@ -28,7 +28,10 @@ const cfg = computed(() => CONFIG[props.node.attrs.type] ?? CONFIG["note"]);
 </script>
 
 <template>
-  <NodeViewWrapper as="div" class="my-3">
+  <NodeViewWrapper
+    as="div"
+    class="my-3"
+  >
     <UAlert
       :color="cfg.color"
       :icon="cfg.icon"

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

@@ -16,7 +16,10 @@ defineProps({
 </script>
 
 <template>
-  <NodeViewWrapper as="div" class="grid grid-cols-1 sm:grid-cols-2 gap-5 my-5 [&>*]:my-0">
+  <NodeViewWrapper
+    as="div"
+    class="grid grid-cols-1 sm:grid-cols-2 gap-5 my-5 [&>*]:my-0"
+  >
     <NodeViewContent />
   </NodeViewWrapper>
 </template>

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

@@ -1,5 +1,6 @@
 <script setup>
 import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+import { computed } from "vue";
 const props = defineProps({
   decorations: { type: Array, required: true },
   selected: { type: Boolean, required: true },
@@ -18,9 +19,23 @@ const icon = computed(() => props.node.attrs.icon || "");
 </script>
 
 <template>
-  <NodeViewWrapper as="div" class="group relative block my-5 p-4 sm:p-6 border border-(--ui-border) rounded-md bg-(--ui-bg) transition-colors">
-    <UIcon v-if="icon" :name="icon" class="size-6 mb-2 block text-(--ui-text-highlighted)" contenteditable="false" />
-    <p v-if="title" class="text-(--ui-text-highlighted) font-semibold" contenteditable="false">{{ title }}</p>
+  <NodeViewWrapper
+    as="div"
+    class="group relative block my-5 p-4 sm:p-6 border border-(--ui-border) rounded-md bg-(--ui-bg) transition-colors"
+  >
+    <UIcon
+      v-if="icon"
+      :name="icon"
+      class="size-6 mb-2 block text-(--ui-text-highlighted)"
+      contenteditable="false"
+    />
+    <p
+      v-if="title"
+      class="text-(--ui-text-highlighted) font-semibold"
+      contenteditable="false"
+    >
+      {{ title }}
+    </p>
     <div :class="['text-[15px] text-(--ui-text-muted) [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&>*]:my-1', title ? 'mt-1' : '']">
       <NodeViewContent />
     </div>

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

@@ -1,5 +1,6 @@
 <script setup>
 import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+import { ref } from "vue";
 const props = defineProps({
   decorations: { type: Array, required: true },
   selected: { type: Boolean, required: true },

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

@@ -1,5 +1,6 @@
 <script setup>
 import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+import { ref, computed, watch } from "vue";
 const props = defineProps({
   decorations: { type: Array, required: true },
   selected: { type: Boolean, required: true },
@@ -30,7 +31,10 @@ watch(() => props.node.childCount, () => {
 </script>
 
 <template>
-  <NodeViewWrapper as="div" class="relative my-5 [&>*:not(:first-child)]:!my-0 [&>*:not(:first-child)]:!static">
+  <NodeViewWrapper
+    as="div"
+    class="relative my-5 [&>*:not(:first-child)]:!my-0 [&>*:not(:first-child)]:!static"
+  >
     <div
       class="relative flex items-center gap-1 border border-(--ui-border-muted) bg-(--ui-bg) border-b-0 rounded-t-md overflow-x-auto p-2"
       contenteditable="false"

package/dist/runtime/extensions/views/CodePreviewView.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;