@abraca/nuxt 1.9.1 → 2.0.1

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

@@ -0,0 +1,163 @@
+<script setup>
+import { ref, computed } from "vue";
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import ANodeInlineLabel from "../../components/editor/ANodeInlineLabel.vue";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const before = computed(() => props.node.attrs.before || "");
+const after = computed(() => props.node.attrs.after || "");
+const language = computed(() => props.node.attrs.language || "text");
+const editMode = ref(false);
+function lineDiff(a, b) {
+  const aLines = a.split("\n");
+  const bLines = b.split("\n");
+  const m = aLines.length;
+  const n = bLines.length;
+  const dp = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0));
+  for (let i2 = m - 1; i2 >= 0; i2--) {
+    for (let j2 = n - 1; j2 >= 0; j2--) {
+      if (aLines[i2] === bLines[j2]) dp[i2][j2] = (dp[i2 + 1][j2 + 1] ?? 0) + 1;
+      else dp[i2][j2] = Math.max(dp[i2 + 1][j2] ?? 0, dp[i2][j2 + 1] ?? 0);
+    }
+  }
+  const result = [];
+  let i = 0;
+  let j = 0;
+  while (i < m && j < n) {
+    if (aLines[i] === bLines[j]) {
+      result.push({ op: "equal", line: aLines[i] });
+      i++;
+      j++;
+    } else if ((dp[i + 1][j] ?? 0) >= (dp[i][j + 1] ?? 0)) {
+      result.push({ op: "remove", line: aLines[i] });
+      i++;
+    } else {
+      result.push({ op: "add", line: bLines[j] });
+      j++;
+    }
+  }
+  while (i < m) result.push({ op: "remove", line: aLines[i++] });
+  while (j < n) result.push({ op: "add", line: bLines[j++] });
+  return result;
+}
+const diffLines = computed(() => lineDiff(before.value, after.value));
+const added = computed(() => diffLines.value.filter((d) => d.op === "add").length);
+const removed = computed(() => diffLines.value.filter((d) => d.op === "remove").length);
+function setBefore(v) {
+  props.updateAttributes({ before: v });
+}
+function setAfter(v) {
+  props.updateAttributes({ after: v });
+}
+function setLanguage(v) {
+  props.updateAttributes({ language: v.trim() || "text" });
+}
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="div"
+    class="my-5 border border-(--ui-border) rounded-md overflow-hidden"
+    contenteditable="false"
+  >
+    <div class="flex items-center justify-between px-3 py-1.5 border-b border-(--ui-border-muted) bg-(--ui-bg-elevated)/40 text-sm gap-2">
+      <div class="flex items-center gap-2 font-mono text-xs text-(--ui-text-muted)">
+        <UIcon
+          name="i-lucide-git-compare"
+          class="size-3.5"
+        />
+        <ANodeInlineLabel
+          :model-value="language"
+          placeholder="text"
+          variant="label"
+          @update:model-value="setLanguage"
+        />
+      </div>
+      <div class="flex items-center gap-2">
+        <span class="text-xs tabular-nums">
+          <span class="text-(--ui-success)">+{{ added }}</span>
+          <span class="mx-1 text-(--ui-text-muted)">/</span>
+          <span class="text-(--ui-error)">−{{ removed }}</span>
+        </span>
+        <UButton
+          size="xs"
+          color="neutral"
+          variant="ghost"
+          :icon="editMode ? 'i-lucide-check' : 'i-lucide-pencil'"
+          :label="editMode ? 'Done' : 'Edit'"
+          @click="editMode = !editMode"
+        />
+      </div>
+    </div>
+    <div
+      v-if="editMode"
+      class="grid grid-cols-1 md:grid-cols-2 divide-y md:divide-y-0 md:divide-x divide-(--ui-border-muted)"
+    >
+      <div class="flex flex-col">
+        <div class="px-3 py-1 text-xs text-(--ui-text-muted) bg-(--ui-bg-elevated)/30 border-b border-(--ui-border-muted)">
+          Before
+        </div>
+        <textarea
+          :value="before"
+          class="flex-1 p-3 font-mono text-sm bg-transparent outline-none resize-none text-(--ui-text) min-h-[160px]"
+          placeholder="Original…"
+          spellcheck="false"
+          @input="(e) => setBefore(e.target.value)"
+        />
+      </div>
+      <div class="flex flex-col">
+        <div class="px-3 py-1 text-xs text-(--ui-text-muted) bg-(--ui-bg-elevated)/30 border-b border-(--ui-border-muted)">
+          After
+        </div>
+        <textarea
+          :value="after"
+          class="flex-1 p-3 font-mono text-sm bg-transparent outline-none resize-none text-(--ui-text) min-h-[160px]"
+          placeholder="Changed…"
+          spellcheck="false"
+          @input="(e) => setAfter(e.target.value)"
+        />
+      </div>
+    </div>
+    <div
+      v-else
+      class="font-mono text-sm overflow-x-auto"
+    >
+      <div
+        v-if="diffLines.length === 0"
+        class="px-3 py-4 text-(--ui-text-muted) text-center"
+      >
+        Empty — click Edit to add content
+      </div>
+      <div
+        v-for="(d, idx) in diffLines"
+        :key="idx"
+        class="flex items-start gap-2 px-3 py-0.5 whitespace-pre"
+        :class="{
+  'bg-green-500/10 text-(--ui-text-highlighted)': d.op === 'add',
+  'bg-red-500/10 text-(--ui-text-highlighted)': d.op === 'remove',
+  'text-(--ui-text)': d.op === 'equal'
+}"
+      >
+        <span
+          class="w-4 shrink-0 text-(--ui-text-muted)"
+          :class="{
+  'text-(--ui-success)': d.op === 'add',
+  'text-(--ui-error)': d.op === 'remove'
+}"
+        >{{ d.op === "add" ? "+" : d.op === "remove" ? "\u2212" : " " }}</span>
+        <span class="flex-1">{{ d.line || " " }}</span>
+      </div>
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/DiffView.vue.d.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;

package/dist/runtime/extensions/views/DividerView.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;

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

@@ -0,0 +1,40 @@
+<script setup>
+import { computed } from "vue";
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import ANodeInlineLabel from "../../components/editor/ANodeInlineLabel.vue";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const label = computed(() => props.node.attrs.label || "");
+function setLabel(v) {
+  props.updateAttributes({ label: v });
+}
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="div"
+    class="my-6 flex items-center gap-3 text-(--ui-text-muted)"
+    contenteditable="false"
+  >
+    <div class="flex-1 h-px bg-(--ui-border)" />
+    <ANodeInlineLabel
+      :model-value="label"
+      placeholder="Add label"
+      variant="label"
+      class="text-xs uppercase tracking-wider"
+      @update:model-value="setLabel"
+    />
+    <div class="flex-1 h-px bg-(--ui-border)" />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/DividerView.vue.d.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;

package/dist/runtime/extensions/views/EmbedView.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;

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

@@ -0,0 +1,166 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+import { NodeViewWrapper } from "@tiptap/vue-3";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const src = computed(() => props.node.attrs.src || "");
+const title = computed(() => props.node.attrs.title || "");
+const aspectRatio = computed(() => props.node.attrs.aspectRatio || "16/9");
+const isSafe = computed(() => /^https?:\/\//.test(src.value));
+const popoverOpen = ref(false);
+const srcDraft = ref("");
+const titleDraft = ref("");
+watch(popoverOpen, (open) => {
+  if (open) {
+    srcDraft.value = src.value;
+    titleDraft.value = title.value;
+  }
+});
+const ASPECTS = [
+  { key: "16/9", label: "16:9" },
+  { key: "4/3", label: "4:3" },
+  { key: "1/1", label: "1:1" },
+  { key: "3/4", label: "3:4" },
+  { key: "auto", label: "Auto" }
+];
+function saveSrc() {
+  const raw = srcDraft.value.trim();
+  const safe = /^https?:\/\//.test(raw) ? raw : "";
+  props.updateAttributes({
+    src: safe,
+    title: titleDraft.value.trim()
+  });
+  popoverOpen.value = false;
+}
+function setAspect(key) {
+  props.updateAttributes({ aspectRatio: key });
+}
+function onKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    saveSrc();
+  }
+}
+const aspectStyle = computed(() => {
+  if (aspectRatio.value === "auto") return { aspectRatio: void 0, minHeight: "240px" };
+  return { aspectRatio: aspectRatio.value.replace("/", " / ") };
+});
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="div"
+    class="my-5"
+    contenteditable="false"
+  >
+    <div class="group/embed relative w-full">
+      <div
+        class="w-full rounded-md overflow-hidden bg-(--ui-bg-elevated) border border-(--ui-border)"
+        :style="aspectStyle"
+      >
+        <iframe
+          v-if="isSafe"
+          :src="src"
+          :title="title || 'Embed'"
+          class="size-full border-0"
+          sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
+          loading="lazy"
+          referrerpolicy="strict-origin-when-cross-origin"
+        />
+        <UPopover
+          v-else
+          v-model:open="popoverOpen"
+          :content="{ align: 'center' }"
+        >
+          <button
+            class="size-full flex flex-col items-center justify-center gap-2 text-(--ui-text-muted) hover:text-(--ui-text) hover:bg-(--ui-bg-elevated)/60 transition-colors"
+            type="button"
+          >
+            <UIcon
+              name="i-lucide-code-xml"
+              class="size-10"
+            />
+            <span class="text-sm">Click to add embed URL</span>
+          </button>
+          <template #content>
+            <div class="p-2 w-96 flex flex-col gap-2">
+              <UInput
+                v-model="srcDraft"
+                autofocus
+                size="sm"
+                placeholder="https://codepen.io/… or figma.com/…"
+                icon="i-lucide-link"
+                @keydown="onKeydown"
+              />
+              <UInput
+                v-model="titleDraft"
+                size="sm"
+                placeholder="Title (for accessibility)"
+                icon="i-lucide-text"
+                @keydown="onKeydown"
+              />
+              <div class="flex justify-end">
+                <UButton
+                  size="sm"
+                  @click="saveSrc"
+                >
+                  Save
+                </UButton>
+              </div>
+            </div>
+          </template>
+        </UPopover>
+      </div>
+      <div
+        v-if="isSafe"
+        class="absolute top-2 right-2 flex items-center gap-1 opacity-0 group-hover/embed:opacity-100 transition-opacity"
+      >
+        <UButton
+          size="xs"
+          color="neutral"
+          variant="solid"
+          icon="i-lucide-pencil"
+          label="Replace"
+          @click="popoverOpen = true"
+        />
+        <UPopover>
+          <UButton
+            size="xs"
+            color="neutral"
+            variant="solid"
+            icon="i-lucide-ratio"
+            :label="aspectRatio === 'auto' ? 'Auto' : aspectRatio.replace('/', ':')"
+          />
+          <template #content>
+            <div class="p-1 flex flex-col gap-0.5 min-w-[100px]">
+              <button
+                v-for="a in ASPECTS"
+                :key="a.key"
+                class="px-2 py-1 text-sm rounded-sm hover:bg-(--ui-bg-elevated) transition-colors text-left flex items-center gap-2"
+                :class="aspectRatio === a.key ? 'text-(--ui-text-highlighted) bg-(--ui-bg-elevated)' : 'text-(--ui-text-muted)'"
+                @click="setAspect(a.key)"
+              >
+                <UIcon
+                  :name="aspectRatio === a.key ? 'i-lucide-check' : 'i-lucide-ratio'"
+                  class="size-3.5"
+                />
+                {{ a.label }}
+              </button>
+            </div>
+          </template>
+        </UPopover>
+      </div>
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/EmbedView.vue.d.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;

package/dist/runtime/extensions/views/FigureView.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;

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

@@ -0,0 +1,122 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import ANodeInlineLabel from "../../components/editor/ANodeInlineLabel.vue";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const src = computed(() => props.node.attrs.src || "");
+const alt = computed(() => props.node.attrs.alt || "");
+const caption = computed(() => props.node.attrs.caption || "");
+const srcPopoverOpen = ref(false);
+const srcDraft = ref("");
+const altDraft = ref("");
+watch(srcPopoverOpen, (open) => {
+  if (open) {
+    srcDraft.value = src.value;
+    altDraft.value = alt.value;
+  }
+});
+function saveSrc() {
+  props.updateAttributes({ src: srcDraft.value.trim(), alt: altDraft.value.trim() });
+  srcPopoverOpen.value = false;
+}
+function setCaption(v) {
+  props.updateAttributes({ caption: v });
+}
+function onSrcKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    saveSrc();
+  }
+}
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="figure"
+    class="my-5 flex flex-col items-center gap-2"
+    contenteditable="false"
+  >
+    <UPopover
+      v-model:open="srcPopoverOpen"
+      :content="{ align: 'center' }"
+    >
+      <div class="relative w-full group/figure cursor-pointer">
+        <img
+          v-if="src"
+          :src="src"
+          :alt="alt"
+          class="max-w-full h-auto rounded-md mx-auto"
+        >
+        <div
+          v-else
+          class="aspect-video w-full bg-(--ui-bg-elevated) rounded-md border border-dashed border-(--ui-border) flex flex-col items-center justify-center gap-2 text-(--ui-text-muted) hover:border-(--ui-border-accented) hover:text-(--ui-text) transition-colors"
+        >
+          <UIcon
+            name="i-lucide-image"
+            class="size-8"
+          />
+          <span class="text-sm">Click to add image URL</span>
+        </div>
+        <div
+          v-if="src"
+          class="absolute top-2 right-2 opacity-0 group-hover/figure:opacity-100 transition-opacity"
+        >
+          <UButton
+            size="xs"
+            color="neutral"
+            variant="solid"
+            icon="i-lucide-pencil"
+            label="Replace"
+          />
+        </div>
+      </div>
+      <template #content>
+        <div class="p-2 w-96 flex flex-col gap-2">
+          <UInput
+            v-model="srcDraft"
+            autofocus
+            size="sm"
+            placeholder="Image URL (https://…)"
+            icon="i-lucide-link"
+            @keydown="onSrcKeydown"
+          />
+          <UInput
+            v-model="altDraft"
+            size="sm"
+            placeholder="Alt text (for accessibility)"
+            icon="i-lucide-text"
+            @keydown="onSrcKeydown"
+          />
+          <div class="flex justify-end">
+            <UButton
+              size="sm"
+              @click="saveSrc"
+            >
+              Save
+            </UButton>
+          </div>
+        </div>
+      </template>
+    </UPopover>
+    <figcaption class="text-sm text-(--ui-text-muted) text-center">
+      <ANodeInlineLabel
+        :model-value="caption"
+        placeholder="Add caption"
+        variant="label"
+        @update:model-value="setCaption"
+      />
+    </figcaption>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/FigureView.vue.d.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;

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

@@ -1,7 +1,12 @@
 <script setup>
-import { computed, ref, watch, onMounted } from "vue";
+import { computed, ref, watch, onMounted, defineAsyncComponent } from "vue";
 import { useAbracadabra, useFileBlobStore } from "#imports";
 import { NodeViewWrapper } from "@tiptap/vue-3";
+import AFileVideoPlayer from "../../components/editor/AFileVideoPlayer.vue";
+import AFileAudioPlayer from "../../components/editor/AFileAudioPlayer.vue";
+const AFileGlbViewer = defineAsyncComponent(
+  () => import("../../components/editor/AFileGlbViewer.vue")
+);
 const props = defineProps({
   decorations: { type: Array, required: true },
   selected: { type: Boolean, required: true },
@@ -26,6 +31,8 @@ const loading = ref(true);
 const error = ref(null);
 const fileCategory = computed(() => {
   const mt = mimeType.value || "";
+  const fn = filename.value?.toLowerCase() || "";
+  if (mt === "model/gltf-binary" || mt === "model/gltf+json" || fn.endsWith(".glb") || fn.endsWith(".gltf")) return "glb";
   if (mt.startsWith("image/")) return "image";
   if (mt.startsWith("video/")) return "video";
   if (mt.startsWith("audio/")) return "audio";
@@ -110,35 +117,25 @@ watch(client, (c) => {
       >
 
       <!-- Video -->
-      <video
+      <AFileVideoPlayer
         v-else-if="fileCategory === 'video'"
         :src="blobUrl"
-        controls
-        class="block w-full"
-        :aria-label="filename"
+        :filename="filename"
       />
 
       <!-- Audio -->
-      <div
+      <AFileAudioPlayer
         v-else-if="fileCategory === 'audio'"
-        class="flex items-center gap-3 p-4"
-      >
-        <UIcon
-          name="i-lucide-music-2"
-          class="text-(--ui-primary) text-2xl shrink-0"
-        />
-        <div class="flex-1 min-w-0">
-          <p class="text-sm font-medium text-(--ui-text) truncate mb-1.5">
-            {{ filename }}
-          </p>
-          <audio
-            :src="blobUrl"
-            controls
-            class="w-full"
-            style="height:36px"
-          />
-        </div>
-      </div>
+        :src="blobUrl"
+        :filename="filename"
+      />
+
+      <!-- GLB / glTF — three.js peer dep loaded async -->
+      <AFileGlbViewer
+        v-else-if="fileCategory === 'glb'"
+        :url="blobUrl"
+        :object-id="`${docId}/${uploadId}`"
+      />
 
       <!-- Generic file (download) -->
       <a

package/dist/runtime/extensions/views/MathBlockView.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;