mktcms 0.1.22 → 0.1.23

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "mktcms",
   "configKey": "mktcms",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -45,27 +45,52 @@ const module$1 = defineNuxtModule({
       handler: resolver.resolve("./runtime/server/api/admin/logout")
     });
     addServerHandler({
-      route: "/api/admin/content/list",
-      handler: resolver.resolve("./runtime/server/api/admin/content/list")
+      route: "/api/admin/list",
+      handler: resolver.resolve("./runtime/server/api/admin/list")
     });
     addServerHandler({
-      route: "/api/admin/content/:path",
-      method: "get",
-      handler: resolver.resolve("./runtime/server/api/admin/content/[path]")
+      route: "/api/admin/delete",
+      method: "delete",
+      handler: resolver.resolve("./runtime/server/api/admin/delete")
+    });
+    addServerHandler({
+      route: "/api/admin/csv",
+      handler: resolver.resolve("./runtime/server/api/admin/csv")
     });
     addServerHandler({
-      route: "/api/admin/content/:path",
+      route: "/api/admin/csv",
       method: "post",
-      handler: resolver.resolve("./runtime/server/api/admin/content/[path].post")
+      handler: resolver.resolve("./runtime/server/api/admin/csv.post")
     });
     addServerHandler({
-      route: "/api/admin/content/:path",
-      method: "delete",
-      handler: resolver.resolve("./runtime/server/api/admin/content/[path].delete")
+      route: "/api/admin/md",
+      handler: resolver.resolve("./runtime/server/api/admin/md")
+    });
+    addServerHandler({
+      route: "/api/admin/md",
+      method: "post",
+      handler: resolver.resolve("./runtime/server/api/admin/md.post")
+    });
+    addServerHandler({
+      route: "/api/admin/txt",
+      handler: resolver.resolve("./runtime/server/api/admin/txt")
+    });
+    addServerHandler({
+      route: "/api/admin/txt",
+      method: "post",
+      handler: resolver.resolve("./runtime/server/api/admin/txt.post")
+    });
+    addServerHandler({
+      route: "/api/admin/blob",
+      handler: resolver.resolve("./runtime/server/api/admin/blob")
+    });
+    addServerHandler({
+      route: "/api/admin/upload",
+      handler: resolver.resolve("./runtime/server/api/admin/upload")
     });
     addServerHandler({
-      route: "/api/admin/content/upload",
-      handler: resolver.resolve("./runtime/server/api/admin/content/upload")
+      route: "/api/admin/download",
+      handler: resolver.resolve("./runtime/server/api/admin/download")
     });
     addServerHandler({
       route: "/api/content/list",

package/dist/runtime/app/components/content/delete.vue

@@ -4,7 +4,7 @@ import usePathParam from "../../composables/usePathParam";
 const { path, pathParts } = usePathParam();
 const parentPath = pathParts.slice(0, -1).join(":");
 async function deleteContent() {
-  await fetch(`/api/admin/content/${path}`, {
+  await fetch(`/api/admin/delete?path=${path}`, {
     method: "DELETE"
   });
   await navigateTo(`/admin/${parentPath}`);

package/dist/runtime/app/components/content/editor/csv.vue

@@ -1,57 +1,91 @@
 <script setup>
-import { computed, ref } from "vue";
-import useSaveContent from "../../../composables/useSaveContent";
-import { parseSemicolonCsv, serializeSemicolonCsv } from "../../../util/csv";
+import { ref } from "vue";
 import Saved from "../saved.vue";
-const { content, saveContent, isSaving, savingSuccessful } = await useSaveContent();
-const parsedCsv = parseSemicolonCsv(content.value);
-const headers = ref(parsedCsv.headers);
-const rows = ref(parsedCsv.rows);
-const hasUnsavedChanges = ref(false);
-const columnCount = computed(() => headers.value.length);
+import usePathParam from "../../../composables/usePathParam";
+import { useFetch } from "#imports";
+const { path } = usePathParam();
+const { data: table } = await useFetch(`/api/admin/csv?path=${path}`);
+const isSaving = ref(false);
+const savingSuccessful = ref(false);
 async function saveCsv() {
-  const serializedCsv = serializeSemicolonCsv({ headers: headers.value, rows: rows.value });
-  content.value = serializedCsv;
-  await saveContent();
-  hasUnsavedChanges.value = false;
-}
-function getHeaderLabel(colIndex) {
-  return headers.value[colIndex] || `Spalte ${colIndex + 1}`;
+  if (!table.value) return;
+  isSaving.value = true;
+  savingSuccessful.value = false;
+  try {
+    await useFetch(`/api/admin/csv?path=${path}`, {
+      method: "POST",
+      body: {
+        table: table.value
+      }
+    });
+    savingSuccessful.value = true;
+  } catch (e) {
+    console.error("Fehler beim Speichern der CSV-Datei:", e);
+  } finally {
+    isSaving.value = false;
+  }
 }
 function insertRow(atIndex) {
-  const newRow = Array(columnCount.value).fill("");
-  rows.value.splice(atIndex, 0, newRow);
-  hasUnsavedChanges.value = true;
+  if (!table.value) return;
+  const newRow = [];
+  const headerCount = table.value.headers.length;
+  for (let i = 0; i < headerCount; i++) {
+    newRow[i] = "-";
+  }
+  table.value = {
+    headers: table.value.headers,
+    rows: [
+      ...table.value.rows.slice(0, atIndex),
+      newRow,
+      ...table.value.rows.slice(atIndex)
+    ]
+  };
 }
 function removeRow(rowIndex) {
-  rows.value.splice(rowIndex, 1);
-  hasUnsavedChanges.value = true;
+  if (!table.value) return;
+  table.value = {
+    headers: table.value.headers,
+    rows: table.value.rows.filter((_, index) => index !== rowIndex)
+  };
 }
 function moveRowUp(rowIndex) {
-  if (rowIndex <= 0) return;
-  const row = rows.value.splice(rowIndex, 1)[0];
+  if (!table.value || rowIndex <= 0) return;
+  const row = table.value.rows.splice(rowIndex, 1)[0];
   if (!row) return;
-  rows.value.splice(rowIndex - 1, 0, row);
-  hasUnsavedChanges.value = true;
+  table.value = {
+    headers: table.value.headers,
+    rows: [
+      ...table.value.rows.slice(0, rowIndex - 1),
+      row,
+      ...table.value.rows.slice(rowIndex - 1)
+    ]
+  };
 }
 function moveRowDown(rowIndex) {
-  if (rowIndex >= rows.value.length - 1) return;
-  const row = rows.value.splice(rowIndex, 1)[0];
+  if (!table.value || rowIndex >= table.value.rows.length - 1) return;
+  const row = table.value.rows.splice(rowIndex, 1)[0];
   if (!row) return;
-  rows.value.splice(rowIndex + 1, 0, row);
-  hasUnsavedChanges.value = true;
+  table.value = {
+    headers: table.value.headers,
+    rows: [
+      ...table.value.rows.slice(0, rowIndex + 1),
+      row,
+      ...table.value.rows.slice(rowIndex + 1)
+    ]
+  };
 }
 const editingCell = ref(null);
 const editBuffer = ref("");
 function startEdit(rowIndex, colIndex) {
+  if (!table.value) return;
   editingCell.value = { rowIndex, colIndex };
-  editBuffer.value = rows.value[rowIndex][colIndex] || "";
+  editBuffer.value = table.value.rows[rowIndex][colIndex] || "";
 }
 function saveEdit() {
+  if (!table.value) return;
   if (!editingCell.value) return;
   const { rowIndex, colIndex } = editingCell.value;
-  rows.value[rowIndex][colIndex] = editBuffer.value;
-  hasUnsavedChanges.value = true;
+  table.value.rows[rowIndex][colIndex] = editBuffer.value;
   cancelEdit();
 }
 function cancelEdit() {
@@ -62,21 +96,14 @@ function cancelEdit() {
 
 <template>
   <div class="w-full">
-    <div class="flex items-center gap-2 mb-2.5">
-      <span
-        v-if="headers.length === 0"
-        class="opacity-70 text-sm"
-      >
-        Keine Kopfzeile gefunden. Bitte eine CSV mit Kopfzeile bereitstellen, um Zeilen zu bearbeiten.
-      </span>
-    </div>
-
-    <div class="bg-white">
+    <div
+      v-if="table"
+      class="bg-white"
+    >
       <div class="flex items-center h-0 justify-center border border-gray-200 rounded-sm mb-6">
         <button
           type="button"
           class="button small soft"
-          :disabled="headers.length === 0"
           @click="insertRow(0)"
         >
           <svg
@@ -98,7 +125,7 @@ function cancelEdit() {
 
       <div>
         <template
-          v-for="(r, rowIndex) in rows"
+          v-for="(r, rowIndex) in table.rows"
           :key="rowIndex"
         >
           <div
@@ -112,7 +139,9 @@ function cancelEdit() {
                   class="p-1.5 border-r border-gray-200 box-border last:border-r-0"
                 >
                   <div class="text-xs mb-1.5 leading-tight wrap-break-word flex items-center justify-between gap-1">
-                    {{ getHeaderLabel(colIndex) }}
+                    <div class="font-bold">
+                      {{ table.headers[colIndex] || "Spalte " + (colIndex + 1) }}
+                    </div>
                   </div>
                   <div
                     class="text-xs whitespace-pre-line wrap-break-word border border-gray-300/70 rounded bg-gray-50 p-1.5 min-h-9.5 leading-[1.35] box-border overflow-hidden line-clamp-4 h-[calc(4*1.35*1em+12px)] max-[640px]:line-clamp-3 max-[640px]:h-[calc(3*1.35*1em+12px)] cursor-pointer"
@@ -152,7 +181,7 @@ function cancelEdit() {
               <button
                 type="button"
                 class="button small"
-                :disabled="rowIndex === rows.length - 1"
+                :disabled="rowIndex === table.rows.length - 1"
                 aria-label="Zeile nach unten"
                 title="Nach unten"
                 @click="moveRowDown(rowIndex)"
@@ -201,7 +230,7 @@ function cancelEdit() {
             <button
               type="button"
               class="button small"
-              :disabled="headers.length === 0"
+              :disabled="table.headers.length === 0"
               @click="insertRow(rowIndex + 1)"
             >
               <svg
@@ -232,7 +261,7 @@ function cancelEdit() {
       <span v-if="isSaving">Speichern...</span>
       <span v-else>Speichern</span>
     </button>
-    <Saved v-if="savingSuccessful && !hasUnsavedChanges" />
+    <Saved v-if="savingSuccessful" />
 
     <div
       v-if="editingCell"
@@ -244,14 +273,11 @@ function cancelEdit() {
         class="w-full max-w-180 bg-white rounded-[10px] border border-black/10 shadow-[0_10px_40px_rgba(0,0,0,0.28)] p-3.5 flex flex-col gap-2.5"
         role="dialog"
         aria-modal="true"
-        :aria-label="`CSV-Zelle bearbeiten: ${getHeaderLabel(editingCell.colIndex)}`"
+        aria-label="Zelle bearbeiten"
       >
         <div class="flex flex-col gap-0.5">
           <div class="font-bold">
-            Zelle bearbeiten
-          </div>
-          <div class="opacity-75 text-[13px]">
-            {{ getHeaderLabel(editingCell.colIndex) }} · Zeile {{ editingCell.rowIndex + 1 }}
+            {{ table?.headers[editingCell.colIndex] || "Spalte " + (editingCell.colIndex + 1) }}
           </div>
         </div>
 

package/dist/runtime/app/components/content/editor/frontmatter/form.d.vue.ts

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

package/dist/runtime/app/components/content/editor/frontmatter/form.vue

@@ -0,0 +1,17 @@
+<script setup>
+import FrontmatterInput from "./input.vue";
+const frontmatter = defineModel("frontmatter", { type: Object, ...{
+  required: true
+} });
+</script>
+
+<template>
+  <div class="flex gap-2">
+    <FrontmatterInput
+      v-for="key in Object.keys(frontmatter)"
+      :key="key"
+      v-model:value="frontmatter[key]"
+      :label="key"
+    />
+  </div>
+</template>

package/dist/runtime/app/components/content/editor/frontmatter/form.vue.d.ts

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

package/dist/runtime/app/components/content/editor/frontmatter/input.d.vue.ts

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

package/dist/runtime/app/components/content/editor/frontmatter/input.vue

@@ -0,0 +1,53 @@
+<script setup>
+import { ref } from "vue";
+import SelectFile from "../selectFile/index.vue";
+defineProps({
+  label: { type: String, required: true }
+});
+const value = defineModel("value", { type: String, ...{
+  required: true
+} });
+const showFileSelect = ref(false);
+</script>
+
+<template>
+  <div class="flex flex-col gap-2 w-full">
+    <label class="font-bold">
+      {{ label }}
+    </label>
+    <div class="relative">
+      <input
+        v-model="value"
+        type="text"
+        class="w-full"
+      >
+      <button
+        type="button"
+        class="absolute top-1/2 right-2 -translate-y-1/2 button secondary small"
+        @click="showFileSelect = true"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke-width="1.5"
+          stroke="currentColor"
+          class="size-5"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"
+          />
+        </svg>
+      </button>
+    </div>
+    <SelectFile
+      :is-open="showFileSelect"
+      @close="showFileSelect = false"
+      @select="(filePath) => {
+  value = filePath;
+}"
+    />
+  </div>
+</template>

package/dist/runtime/app/components/content/editor/frontmatter/input.vue.d.ts

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

package/dist/runtime/app/components/content/editor/image.vue

@@ -19,7 +19,7 @@ const { path } = usePathParam();
     </button>
 
     <img
-      :src="`/api/admin/content/${path}`"
+      :src="`/api/admin/blob?path=${path}`"
       alt="Image Preview"
       class="w-full h-auto border border-gray-200 rounded-sm p-1"
     >

package/dist/runtime/app/components/content/editor/markdown.vue

@@ -1,9 +1,30 @@
 <script setup>
 import { computed, ref } from "vue";
 import { marked } from "marked";
-import useSaveContent from "../../../composables/useSaveContent";
 import Saved from "../saved.vue";
-const { content, saveContent, isSaving, savingSuccessful } = await useSaveContent();
+import usePathParam from "../../../composables/usePathParam";
+import { useFetch } from "#imports";
+import FrontmatterForm from "./frontmatter/form.vue";
+const { path } = usePathParam();
+const { data: content } = await useFetch(`/api/admin/md?path=${path}`);
+const frontmatter = ref(content.value?.frontmatter ?? {});
+const markdown = ref(content.value?.markdown ?? "");
+const isSaving = ref(false);
+const savingSuccessful = ref(false);
+async function saveMarkdown() {
+  if (!content.value) return;
+  isSaving.value = true;
+  savingSuccessful.value = false;
+  await useFetch(`/api/admin/md?path=${path}`, {
+    method: "POST",
+    body: {
+      frontmatter: frontmatter.value,
+      markdown: markdown.value
+    }
+  });
+  isSaving.value = false;
+  savingSuccessful.value = true;
+}
 const mode = ref("edit");
 function escapeHtml(value) {
   return (value ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
@@ -20,6 +41,7 @@ function isSafeHref(href) {
   }
 }
 const renderedHtml = computed(() => {
+  if (!content.value) return "";
   const renderer = new marked.Renderer();
   renderer.html = (token) => escapeHtml(token.text);
   renderer.link = function(token) {
@@ -37,7 +59,7 @@ const renderedHtml = computed(() => {
     const t = token.title ? ` title="${escapeHtml(token.title)}"` : "";
     return `<img src="${escapeHtml(safe)}" alt="${alt}"${t} />`;
   };
-  return marked.parse(content.value ?? "", {
+  return marked.parse(content.value.markdown ?? "", {
     renderer,
     gfm: true,
     breaks: true
@@ -46,8 +68,9 @@ const renderedHtml = computed(() => {
 </script>
 
 <template>
-  <div>
-    <div class="flex gap-2 mb-2">
+  <div v-if="content">
+    <FrontmatterForm v-model:frontmatter="frontmatter" />
+    <div class="flex gap-2 my-2">
       <button
         type="button"
         class="button secondary flex-1"
@@ -68,7 +91,7 @@ const renderedHtml = computed(() => {
 
     <textarea
       v-if="mode === 'edit'"
-      v-model="content"
+      v-model="markdown"
       class="w-full min-h-72"
     />
 
@@ -81,7 +104,7 @@ const renderedHtml = computed(() => {
     <button
       type="button"
       class="button w-full justify-center mt-3"
-      @click="saveContent"
+      @click="saveMarkdown"
     >
       <span v-if="isSaving">Speichern...</span>
       <span v-else>Speichern</span>

package/dist/runtime/app/components/content/editor/pdf.vue

@@ -18,7 +18,7 @@ const { path } = usePathParam();
       PDF austauschen
     </button>
     <embed
-      :src="`/api/admin/content/${path}`"
+      :src="`/api/admin/blob?path=${path}`"
       type="application/pdf"
       class="w-full h-auto aspect-[5.5/8] border border-gray-200 rounded-sm"
     >

package/dist/runtime/app/components/content/editor/selectFile/breadcrumb.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    path: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update-path": (newPathParts: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate-path"?: ((newPathParts: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/content/editor/selectFile/breadcrumb.vue

@@ -0,0 +1,51 @@
+<script setup>
+import { computed } from "vue";
+const { path } = defineProps({
+  path: { type: String, required: true }
+});
+const parts = computed(() => {
+  const splitParts = path.split(":").filter((part) => part.length > 0);
+  splitParts.unshift("Hauptordner");
+  return splitParts;
+});
+defineEmits(["update-path"]);
+</script>
+
+<template>
+  <div class="text-gray-500 text-base flex items-center gap-1">
+    <div
+      v-for="(part, index) in parts"
+      :key="index"
+      class="flex items-center gap-1"
+    >
+      <svg
+        v-if="index > 0"
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        class="size-6"
+      >
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          d="m8.25 4.5 7.5 7.5-7.5 7.5"
+        />
+      </svg>
+      <button
+        v-if="index < parts.length - 1"
+        class="button secondary small"
+        @click="$emit('update-path', parts.slice(1, index + 1))"
+      >
+        {{ part }}
+      </button>
+      <span
+        v-else
+        class="font-bold"
+      >
+        {{ part }}
+      </span>
+    </div>
+  </div>
+</template>

package/dist/runtime/app/components/content/editor/selectFile/breadcrumb.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    path: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update-path": (newPathParts: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate-path"?: ((newPathParts: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/content/editor/selectFile/index.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    isOpen: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (filePath: string) => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((filePath: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;