@abraca/nuxt 0.2.0 → 1.5.0

package/dist/runtime/components/settings/ASettingsInvitesPanel.vue

@@ -0,0 +1,157 @@
+<script setup>
+import { ref } from "vue";
+import { useClipboard } from "@vueuse/core";
+import { useInvites } from "../../composables/useInvites";
+const { invites, loading, error, create, revoke, refresh } = useInvites();
+const { copy, copied } = useClipboard();
+const newRole = ref("editor");
+const newMaxUses = ref(void 0);
+const creating = ref(false);
+const createdCode = ref(null);
+const roleItems = [
+  { value: "viewer", label: "Viewer" },
+  { value: "editor", label: "Editor" },
+  { value: "admin", label: "Admin" }
+];
+async function handleCreate() {
+  creating.value = true;
+  try {
+    const invite = await create({
+      role: newRole.value,
+      maxUses: newMaxUses.value
+    });
+    createdCode.value = invite.code;
+  } finally {
+    creating.value = false;
+  }
+}
+async function handleRevoke(code) {
+  try {
+    await revoke(code);
+  } catch {
+  }
+}
+function formatDate(ts) {
+  return new Date(ts).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+</script>
+
+<template>
+  <div>
+    <div class="flex items-center justify-between mb-4">
+      <div>
+        <h3 class="text-base font-semibold">
+          Invites
+        </h3>
+        <p class="text-sm text-(--ui-text-muted) mt-1">
+          Create and manage invite codes.
+        </p>
+      </div>
+      <UButton
+        icon="i-lucide-refresh-cw"
+        color="neutral"
+        variant="ghost"
+        size="xs"
+        :loading="loading"
+        @click="refresh()"
+      />
+    </div>
+
+    <UAlert
+      v-if="error"
+      color="error"
+      variant="soft"
+      icon="i-lucide-triangle-alert"
+      :description="error"
+      class="mb-4"
+    />
+
+    <!-- Create invite -->
+    <div class="rounded-lg border border-(--ui-border) p-4 mb-4 space-y-3">
+      <p class="text-sm font-medium">
+        Create New Invite
+      </p>
+      <div class="flex gap-2 items-end flex-wrap">
+        <div>
+          <p class="text-xs text-(--ui-text-muted) mb-1">
+            Role
+          </p>
+          <USelect
+            v-model="newRole"
+            :items="roleItems"
+            value-key="value"
+            size="sm"
+          />
+        </div>
+        <div>
+          <p class="text-xs text-(--ui-text-muted) mb-1">
+            Max Uses
+          </p>
+          <UInput
+            v-model.number="newMaxUses"
+            type="number"
+            placeholder="Unlimited"
+            size="sm"
+            class="w-24"
+          />
+        </div>
+        <UButton
+          label="Create"
+          icon="i-lucide-plus"
+          size="sm"
+          :loading="creating"
+          @click="handleCreate"
+        />
+      </div>
+
+      <!-- Created code display -->
+      <div
+        v-if="createdCode"
+        class="flex items-center gap-2 p-2 rounded bg-(--ui-bg-elevated)"
+      >
+        <code class="text-sm font-mono flex-1">{{ createdCode }}</code>
+        <UButton
+          :icon="copied ? 'i-lucide-check' : 'i-lucide-copy'"
+          color="neutral"
+          variant="ghost"
+          size="xs"
+          @click="copy(createdCode ?? '')"
+        />
+      </div>
+    </div>
+
+    <!-- Invite list -->
+    <div class="flex flex-col gap-1">
+      <div
+        v-for="invite in invites"
+        :key="invite.code"
+        class="flex items-center gap-3 p-3 rounded-lg border border-(--ui-border)"
+      >
+        <UIcon
+          name="i-lucide-ticket"
+          class="size-4 text-(--ui-text-muted) shrink-0"
+        />
+        <div class="flex-1 min-w-0">
+          <code class="text-sm font-mono">{{ invite.code }}</code>
+          <p class="text-xs text-(--ui-text-muted)">
+            {{ invite.role }} · {{ invite.uses }}/{{ invite.max_uses ?? "\u221E" }} uses · Created {{ formatDate(invite.created_at) }}
+          </p>
+        </div>
+        <UButton
+          icon="i-lucide-trash-2"
+          color="error"
+          variant="ghost"
+          size="xs"
+          @click="handleRevoke(invite.code)"
+        />
+      </div>
+
+      <div
+        v-if="invites.length === 0 && !loading"
+        class="text-sm text-(--ui-text-muted) text-center py-8"
+      >
+        No invites created yet.
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/settings/ASettingsInvitesPanel.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsMembersPanel.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsMembersPanel.vue

@@ -0,0 +1,134 @@
+<script setup>
+import { ref, onMounted } from "vue";
+import { useAbracadabra } from "../../composables/useAbracadabra";
+import { useAwarenessPeers } from "../../composables/useAwarenessPeers";
+const abra = useAbracadabra();
+const { peers } = useAwarenessPeers();
+const members = ref([]);
+const loading = ref(false);
+async function loadMembers() {
+  if (!abra.client.value) return;
+  loading.value = true;
+  try {
+    const result = await abra.client.value?.listUsers?.();
+    members.value = result ?? [];
+  } catch {
+  } finally {
+    loading.value = false;
+  }
+}
+onMounted(loadMembers);
+function isOnline(publicKey) {
+  return peers.value.some((p) => p.user?.publicKey === publicKey);
+}
+</script>
+
+<template>
+  <div>
+    <div class="flex items-center justify-between mb-4">
+      <div>
+        <h3 class="text-base font-semibold">
+          Members
+        </h3>
+        <p class="text-sm text-(--ui-text-muted) mt-1">
+          Users who have access to this space.
+        </p>
+      </div>
+      <div class="flex gap-2">
+        <UBadge
+          variant="subtle"
+          :label="`${peers.length} online`"
+          color="success"
+          size="xs"
+        />
+        <UButton
+          icon="i-lucide-refresh-cw"
+          color="neutral"
+          variant="ghost"
+          size="xs"
+          :loading="loading"
+          @click="loadMembers"
+        />
+      </div>
+    </div>
+
+    <!-- Online peers -->
+    <div
+      v-if="peers.length > 0"
+      class="mb-4"
+    >
+      <p class="text-xs font-medium text-(--ui-text-muted) uppercase tracking-wide mb-2">
+        Online Now
+      </p>
+      <div class="flex flex-wrap gap-2">
+        <div
+          v-for="peer in peers"
+          :key="peer.clientID"
+          class="flex items-center gap-2 px-2 py-1 rounded-full bg-(--ui-bg-elevated)"
+        >
+          <div
+            class="size-2 rounded-full"
+            :style="{ backgroundColor: peer.user?.color ?? '#888' }"
+          />
+          <span class="text-xs">{{ peer.user?.name ?? "Anonymous" }}</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- Member list -->
+    <div
+      v-if="loading"
+      class="space-y-2"
+    >
+      <USkeleton
+        v-for="i in 3"
+        :key="i"
+        class="h-12 w-full"
+      />
+    </div>
+
+    <div
+      v-else-if="members.length > 0"
+      class="flex flex-col gap-1"
+    >
+      <div
+        v-for="member in members"
+        :key="member.publicKey"
+        class="flex items-center gap-3 p-3 rounded-lg border border-(--ui-border)"
+      >
+        <UAvatar
+          :alt="member.displayName ?? 'User'"
+          size="sm"
+        />
+        <div class="flex-1 min-w-0">
+          <p class="text-sm font-medium truncate">
+            {{ member.displayName ?? member.publicKey.slice(0, 16) + "..." }}
+          </p>
+          <p class="text-xs text-(--ui-text-muted)">
+            {{ member.role }}
+          </p>
+        </div>
+        <div class="flex items-center gap-2 shrink-0">
+          <div
+            v-if="isOnline(member.publicKey)"
+            class="size-2 rounded-full bg-green-500"
+          />
+          <UBadge
+            v-if="member.publicKey === abra.publicKeyB64.value"
+            color="primary"
+            variant="subtle"
+            label="You"
+            size="xs"
+          />
+        </div>
+      </div>
+    </div>
+
+    <div
+      v-else
+      class="text-sm text-(--ui-text-muted) text-center py-8"
+    >
+      No members found. Member listing may not be supported on this server.
+    </div>
+  </div>
+</template>

package/dist/runtime/components/settings/ASettingsMembersPanel.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsModal.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsModal.vue

@@ -0,0 +1,176 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+import { useSettingsModal } from "../../composables/useSettingsModal";
+import { useAbracadabra } from "../../composables/useAbracadabra";
+const { isOpen, activeTab } = useSettingsModal();
+const abra = useAbracadabra();
+const effectiveRole = computed(() => abra.provider.value?.effectiveRole ?? null);
+const isAdmin = computed(() => {
+  const role = effectiveRole.value;
+  return role === "admin" || role === "service";
+});
+const userLinks = [
+  { key: "profile", label: "Profile", icon: "i-lucide-user" },
+  { key: "security", label: "Security", icon: "i-lucide-shield" },
+  { key: "offline", label: "Offline", icon: "i-lucide-database" }
+];
+const adminLinks = computed(() => [
+  { key: "spaces", label: "Spaces", icon: "i-lucide-layers" },
+  { key: "members", label: "Members", icon: "i-lucide-users" },
+  { key: "connection", label: "Connection", icon: "i-lucide-wifi" },
+  { key: "trash", label: "Trash", icon: "i-lucide-trash-2" },
+  { key: "plugins", label: "Plugins", icon: "i-lucide-plug" },
+  ...isAdmin.value ? [
+    { key: "invites", label: "Invites", icon: "i-lucide-ticket" },
+    { key: "admin", label: "Admin", icon: "i-lucide-shield-alert" }
+  ] : []
+]);
+const settingsMode = ref("user");
+const headerTabs = [
+  { value: "user", label: "User Settings", icon: "i-lucide-user" },
+  { value: "admin", label: "Administration", icon: "i-lucide-shield" }
+];
+const currentLinks = computed(
+  () => settingsMode.value === "admin" ? adminLinks.value : userLinks
+);
+const currentDescription = computed(
+  () => settingsMode.value === "admin" ? "Manage spaces, members, and server settings." : "Personalize your profile, security, and preferences."
+);
+const selectedItem = computed(
+  () => currentLinks.value.find((l) => l.key === activeTab.value) ?? currentLinks.value[0]
+);
+function selectSection(item) {
+  activeTab.value = item.key;
+}
+const showMobileNav = ref(true);
+function selectMobile(item) {
+  selectSection(item);
+  showMobileNav.value = false;
+}
+watch(isOpen, (val) => {
+  if (val) {
+    showMobileNav.value = true;
+  }
+});
+watch(settingsMode, () => {
+  showMobileNav.value = true;
+  const first = settingsMode.value === "admin" ? "spaces" : "profile";
+  activeTab.value = first;
+});
+</script>
+
+<template>
+  <UModal
+    v-model:open="isOpen"
+    fullscreen
+    title="Settings"
+    :ui="{
+  header: 'hidden',
+  body: 'p-0 sm:p-0',
+  content: 'inset-0 sm:inset-y-[50px] sm:inset-x-0 sm:mx-auto sm:max-w-5xl sm:rounded-lg sm:shadow-lg sm:ring sm:ring-(--ui-border)'
+}"
+  >
+    <template #body>
+      <div class="flex flex-col h-full">
+        <!-- Header bar with tabs -->
+        <div class="relative flex items-center h-9 px-3 border-b border-(--ui-border) bg-(--ui-bg-elevated)/40 shrink-0">
+          <!-- Tab buttons — centered -->
+          <div class="flex items-center gap-0.5 mx-auto">
+            <button
+              v-for="tab in headerTabs"
+              :key="tab.value"
+              class="flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-colors"
+              :class="[
+  settingsMode === tab.value ? 'bg-(--ui-bg-elevated) text-(--ui-text-highlighted)' : 'text-(--ui-text-muted) hover:text-(--ui-text) hover:bg-(--ui-bg-elevated)/50'
+]"
+              @click="settingsMode = tab.value"
+            >
+              <UIcon
+                :name="tab.icon"
+                class="size-3.5"
+              />
+              <span>{{ tab.label }}</span>
+            </button>
+          </div>
+
+          <UButton
+            icon="i-lucide-x"
+            color="neutral"
+            variant="ghost"
+            size="xs"
+            class="absolute end-2"
+            @click="isOpen = false"
+          />
+        </div>
+
+        <!-- Sidebar + Content -->
+        <div class="flex flex-1 min-h-0">
+          <!-- Sidebar -->
+          <div
+            class="shrink-0 border-r border-(--ui-border) overflow-y-auto overflow-x-hidden"
+            :class="[
+  showMobileNav ? 'w-full sm:w-52' : 'hidden sm:block sm:w-52'
+]"
+          >
+            <div class="p-4 pb-2">
+              <p class="text-xs text-(--ui-text-muted)">
+                {{ currentDescription }}
+              </p>
+            </div>
+
+            <nav class="flex flex-col gap-0.5 p-2">
+              <button
+                v-for="item in currentLinks"
+                :key="item.key"
+                class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm transition-colors text-left w-full"
+                :class="[
+  selectedItem?.key === item.key ? 'bg-(--ui-bg-elevated) text-(--ui-text-highlighted) font-medium' : 'text-(--ui-text-muted) hover:text-(--ui-text) hover:bg-(--ui-bg-elevated)/50'
+]"
+                @click="selectMobile(item)"
+              >
+                <UIcon
+                  :name="item.icon"
+                  class="size-4 shrink-0"
+                />
+                <span class="truncate">{{ item.label }}</span>
+              </button>
+            </nav>
+          </div>
+
+          <!-- Content area -->
+          <div
+            class="flex-1 overflow-y-auto"
+            :class="[showMobileNav ? 'hidden sm:block' : 'block']"
+          >
+            <!-- Mobile back button -->
+            <div class="sm:hidden flex items-center gap-2 h-10 px-2 border-b border-(--ui-border) bg-(--ui-bg-elevated)/40 shrink-0">
+              <UButton
+                icon="i-lucide-arrow-left"
+                color="neutral"
+                variant="ghost"
+                size="xs"
+                @click="showMobileNav = true"
+              />
+              <span class="text-sm font-medium truncate">{{ selectedItem?.label }}</span>
+            </div>
+
+            <div class="p-4 sm:p-6 lg:p-8">
+              <div class="flex flex-col gap-6 max-w-2xl mx-auto">
+                <ASettingsProfilePanel v-if="activeTab === 'profile'" />
+                <ASettingsConnectionPanel v-else-if="activeTab === 'connection'" />
+                <ASettingsSpacesPanel v-else-if="activeTab === 'spaces'" />
+                <ASettingsSecurityPanel v-else-if="activeTab === 'security'" />
+                <ASettingsInvitesPanel v-else-if="activeTab === 'invites'" />
+                <ASettingsMembersPanel v-else-if="activeTab === 'members'" />
+                <ASettingsTrashPanel v-else-if="activeTab === 'trash'" />
+                <ASettingsOfflinePanel v-else-if="activeTab === 'offline'" />
+                <ASettingsPluginsPanel v-else-if="activeTab === 'plugins'" />
+                <ASettingsAdminPanel v-else-if="activeTab === 'admin'" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/settings/ASettingsModal.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsOfflinePanel.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsOfflinePanel.vue

@@ -0,0 +1,170 @@
+<script setup>
+import { ref, onMounted, computed } from "vue";
+import { useBackgroundSync } from "../../composables/useBackgroundSync";
+import { useAbracadabra } from "../../composables/useAbracadabra";
+const abra = useAbracadabra();
+const { isSyncing, errorCount } = useBackgroundSync();
+const storageEstimate = ref(null);
+onMounted(async () => {
+  if ("storage" in navigator && "estimate" in navigator.storage) {
+    const est = await navigator.storage.estimate();
+    storageEstimate.value = {
+      usage: est.usage ?? 0,
+      quota: est.quota ?? 0
+    };
+  }
+});
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+const usagePercent = computed(() => {
+  if (!storageEstimate.value || storageEstimate.value.quota === 0) return 0;
+  return Math.round(storageEstimate.value.usage / storageEstimate.value.quota * 100);
+});
+async function clearAllOfflineData() {
+  try {
+    const dbs = await indexedDB.databases();
+    for (const db of dbs) {
+      if (db.name?.startsWith("abracadabra")) {
+        indexedDB.deleteDatabase(db.name);
+      }
+    }
+    window.location.reload();
+  } catch {
+  }
+}
+const confirmClear = ref(false);
+</script>
+
+<template>
+  <div>
+    <div class="mb-4">
+      <h3 class="text-base font-semibold">
+        Offline & Storage
+      </h3>
+      <p class="text-sm text-(--ui-text-muted) mt-1">
+        Manage local data storage and offline sync.
+      </p>
+    </div>
+
+    <div class="rounded-lg border border-(--ui-border) divide-y divide-(--ui-border)">
+      <!-- Sync status -->
+      <div class="flex items-center justify-between gap-4 p-4">
+        <div>
+          <p class="text-sm font-medium">
+            Background Sync
+          </p>
+          <p class="text-xs text-(--ui-text-muted) mt-0.5">
+            {{ isSyncing ? "Syncing changes..." : "All changes synced." }}
+          </p>
+        </div>
+        <div class="flex items-center gap-2">
+          <UBadge
+            :color="isSyncing ? 'warning' : 'success'"
+            variant="subtle"
+            :label="isSyncing ? 'Syncing' : 'Synced'"
+            size="xs"
+          />
+          <UBadge
+            v-if="errorCount > 0"
+            color="error"
+            variant="subtle"
+            :label="`${errorCount} errors`"
+            size="xs"
+          />
+        </div>
+      </div>
+
+      <!-- Storage usage -->
+      <div class="p-4">
+        <div class="flex items-center justify-between gap-4 mb-2">
+          <p class="text-sm font-medium">
+            Storage Usage
+          </p>
+          <span
+            v-if="storageEstimate"
+            class="text-xs text-(--ui-text-muted)"
+          >
+            {{ formatBytes(storageEstimate.usage) }} / {{ formatBytes(storageEstimate.quota) }}
+          </span>
+        </div>
+        <div
+          v-if="storageEstimate"
+          class="w-full bg-(--ui-bg-elevated) rounded-full h-2"
+        >
+          <div
+            class="h-2 rounded-full transition-all"
+            :class="usagePercent > 80 ? 'bg-(--ui-color-error-500)' : 'bg-(--ui-color-primary-500)'"
+            :style="{ width: `${usagePercent}%` }"
+          />
+        </div>
+        <p
+          v-else
+          class="text-xs text-(--ui-text-muted)"
+        >
+          Storage estimate not available.
+        </p>
+      </div>
+
+      <!-- Connection status -->
+      <div class="flex items-center justify-between gap-4 p-4">
+        <div>
+          <p class="text-sm font-medium">
+            Connection
+          </p>
+          <p class="text-xs text-(--ui-text-muted) mt-0.5">
+            {{ abra.synced.value ? "Connected to server." : "Working offline." }}
+          </p>
+        </div>
+        <UBadge
+          :color="abra.synced.value ? 'success' : 'warning'"
+          variant="subtle"
+          :label="abra.synced.value ? 'Online' : 'Offline'"
+          size="xs"
+        />
+      </div>
+
+      <!-- Clear data -->
+      <div class="flex items-center justify-between gap-4 p-4">
+        <div>
+          <p class="text-sm font-medium">
+            Clear Offline Data
+          </p>
+          <p class="text-xs text-(--ui-text-muted) mt-0.5">
+            Remove all local IndexedDB caches. Changes will re-sync from server.
+          </p>
+        </div>
+        <UButton
+          v-if="!confirmClear"
+          label="Clear Data"
+          icon="i-lucide-trash-2"
+          color="error"
+          variant="outline"
+          size="xs"
+          @click="confirmClear = true"
+        />
+        <div
+          v-else
+          class="flex gap-2"
+        >
+          <UButton
+            label="Cancel"
+            color="neutral"
+            variant="ghost"
+            size="xs"
+            @click="confirmClear = false"
+          />
+          <UButton
+            label="Confirm"
+            color="error"
+            size="xs"
+            @click="clearAllOfflineData"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/settings/ASettingsOfflinePanel.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsPluginsPanel.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;