nuxt-observe 0.0.2

package/dist/runtime/app/components/settings/ObserveApiKeyPanel.vue

@@ -0,0 +1,145 @@
+<script setup>
+import { ref, computed } from "vue";
+import { formatRelative } from "../../../shared/utils/format-relative";
+import { useObserveApiKeys } from "../../composables/useObserveApiKeys";
+const props = defineProps({
+  serviceId: { type: String, required: true },
+  canManage: { type: Boolean, required: true }
+});
+const { data, pending, refresh, mint, rotate, revoke } = useObserveApiKeys(props.serviceId);
+const newLabel = ref("");
+const busy = ref(false);
+const minted = ref(null);
+const revealOpen = ref(false);
+async function onMint() {
+  const label = newLabel.value.trim();
+  if (!label || busy.value) return;
+  busy.value = true;
+  try {
+    minted.value = await mint(label);
+    revealOpen.value = true;
+    newLabel.value = "";
+    await refresh();
+  } finally {
+    busy.value = false;
+  }
+}
+async function onRotate(key) {
+  if (busy.value) return;
+  busy.value = true;
+  try {
+    minted.value = await rotate(key.id, key.label ?? "rotated");
+    revealOpen.value = true;
+    await refresh();
+  } finally {
+    busy.value = false;
+  }
+}
+async function onRevoke(key) {
+  if (busy.value) return;
+  busy.value = true;
+  try {
+    await revoke(key.id);
+    await refresh();
+  } finally {
+    busy.value = false;
+  }
+}
+const columns = computed(() => [
+  { id: "prefix", accessorKey: "keyPrefix", header: "Key" },
+  { id: "label", accessorKey: "label", header: "Label" },
+  { id: "created", accessorKey: "createdAt", header: "Created" },
+  { id: "lastUsed", accessorKey: "lastUsedAt", header: "Last used" },
+  { id: "status", header: "Status" },
+  ...props.canManage ? [{ id: "actions", header: "" }] : []
+]);
+</script>
+
+<template>
+  <section class="space-y-3">
+    <div class="flex items-center justify-between">
+      <h3 class="text-sm font-semibold">
+        Ingest keys
+      </h3>
+    </div>
+
+    <div
+      v-if="canManage"
+      class="flex items-center gap-2"
+    >
+      <UInput
+        v-model="newLabel"
+        placeholder="Key label (e.g. production)"
+        class="flex-1"
+        @keydown.enter="onMint"
+      />
+      <UButton
+        icon="i-lucide-key-round"
+        label="Mint key"
+        :loading="busy"
+        :disabled="!newLabel.trim()"
+        @click="onMint"
+      />
+    </div>
+
+    <UCard :ui="{ body: 'p-0 sm:p-0' }">
+      <UTable
+        :data="data ?? []"
+        :columns="columns"
+        :loading="pending"
+        empty="No keys yet."
+      >
+        <template #prefix-cell="{ row }">
+          <span class="font-mono text-xs">{{ row.original.keyPrefix }}…</span>
+        </template>
+        <template #label-cell="{ row }">
+          {{ row.original.label ?? "\u2014" }}
+        </template>
+        <template #created-cell="{ row }">
+          <span class="text-muted">{{ formatRelative(row.original.createdAt) }}</span>
+        </template>
+        <template #lastUsed-cell="{ row }">
+          <span class="text-muted">{{ row.original.lastUsedAt ? formatRelative(row.original.lastUsedAt) : "never" }}</span>
+        </template>
+        <template #status-cell="{ row }">
+          <UBadge
+            :color="row.original.revokedAt ? 'neutral' : 'success'"
+            variant="subtle"
+            size="sm"
+            :label="row.original.revokedAt ? 'Revoked' : 'Active'"
+          />
+        </template>
+        <template #actions-cell="{ row }">
+          <div
+            v-if="!row.original.revokedAt"
+            class="flex justify-end gap-1"
+          >
+            <UButton
+              icon="i-lucide-refresh-cw"
+              color="neutral"
+              variant="ghost"
+              size="xs"
+              label="Rotate"
+              :disabled="busy"
+              @click="onRotate(row.original)"
+            />
+            <UButton
+              icon="i-lucide-ban"
+              color="error"
+              variant="ghost"
+              size="xs"
+              label="Revoke"
+              :disabled="busy"
+              @click="onRevoke(row.original)"
+            />
+          </div>
+        </template>
+      </UTable>
+    </UCard>
+
+    <ObserveApiKeyRevealModal
+      v-model:open="revealOpen"
+      :minted="minted"
+    />
+  </section>
+</template>

package/dist/runtime/app/components/settings/ObserveApiKeyPanel.vue.d.ts

@@ -0,0 +1,8 @@
+/** List + mint/rotate/revoke for one service's ingest keys. Read-only unless canManage. */
+type __VLS_Props = {
+    serviceId: string;
+    canManage: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveApiKeyRevealModal.d.vue.ts

@@ -0,0 +1,19 @@
+import type { MintedKey } from '../../../shared/schema/provisioning.js';
+type __VLS_Props = {
+    minted: MintedKey | null;
+};
+type __VLS_ModelProps = {
+    /**
+     * Shows a freshly minted key's plaintext EXACTLY ONCE. The plaintext is never re-fetched
+     * (the server only stores a hash), so this modal is the sole opportunity to copy it.
+     */
+    'open': boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveApiKeyRevealModal.vue

@@ -0,0 +1,106 @@
+<script setup>
+import { ref } from "vue";
+const open = defineModel("open", { type: Boolean, ...{ required: true } });
+defineProps({
+  minted: { type: [Object, null], required: true }
+});
+const copied = ref(null);
+async function copy(what, value) {
+  try {
+    await navigator.clipboard.writeText(value);
+    copied.value = what;
+    setTimeout(() => {
+      if (copied.value === what) copied.value = null;
+    }, 1500);
+  } catch {
+  }
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    title="Ingest key created"
+    description="Copy it now — it will not be shown again."
+    :dismissible="false"
+  >
+    <template #body>
+      <div
+        v-if="minted"
+        class="space-y-4"
+      >
+        <UAlert
+          color="warning"
+          variant="subtle"
+          icon="i-lucide-key-round"
+          title="Store this key securely"
+          description="Only a hash is kept on the server. If you lose it, rotate to mint a new one."
+        />
+
+        <div class="space-y-1">
+          <div class="text-xs font-medium text-muted">
+            API key
+          </div>
+          <div class="flex items-center gap-2">
+            <UInput
+              :model-value="minted.key"
+              readonly
+              class="flex-1 font-mono"
+            />
+            <UButton
+              :icon="copied === 'key' ? 'i-lucide-check' : 'i-lucide-copy'"
+              color="neutral"
+              variant="subtle"
+              @click="copy('key', minted.key)"
+            />
+          </div>
+        </div>
+
+        <div class="space-y-1">
+          <div class="text-xs font-medium text-muted">
+            Ingest URL
+          </div>
+          <div class="flex items-center gap-2">
+            <UInput
+              :model-value="minted.ingestUrl"
+              readonly
+              class="flex-1 font-mono text-xs"
+            />
+            <UButton
+              :icon="copied === 'url' ? 'i-lucide-check' : 'i-lucide-copy'"
+              color="neutral"
+              variant="subtle"
+              @click="copy('url', minted.ingestUrl)"
+            />
+          </div>
+        </div>
+
+        <div class="space-y-1">
+          <div class="flex items-center justify-between">
+            <div class="text-xs font-medium text-muted">
+              Server plugin snippet
+            </div>
+            <UButton
+              :icon="copied === 'snippet' ? 'i-lucide-check' : 'i-lucide-copy'"
+              color="neutral"
+              variant="ghost"
+              size="xs"
+              :label="copied === 'snippet' ? 'Copied' : 'Copy'"
+              @click="copy('snippet', minted.snippet.serverPluginSnippet)"
+            />
+          </div>
+          <pre class="overflow-x-auto rounded-md bg-elevated p-3 text-xs"><code>{{ minted.snippet.serverPluginSnippet }}</code></pre>
+        </div>
+      </div>
+
+      <div class="flex justify-end pt-2">
+        <UButton
+          label="Done"
+          @click="() => {
+  open = false;
+}"
+        />
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/app/components/settings/ObserveApiKeyRevealModal.vue.d.ts

@@ -0,0 +1,19 @@
+import type { MintedKey } from '../../../shared/schema/provisioning.js';
+type __VLS_Props = {
+    minted: MintedKey | null;
+};
+type __VLS_ModelProps = {
+    /**
+     * Shows a freshly minted key's plaintext EXACTLY ONCE. The plaintext is never re-fetched
+     * (the server only stores a hash), so this modal is the sole opportunity to copy it.
+     */
+    'open': boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveAssignmentEditor.d.vue.ts

@@ -0,0 +1,12 @@
+/**
+ * Read-only in phase 1: assignment is derived from observe.auth.users, and the config
+ * auth provider never reads the runtime assignment tables, so a write here would no-op
+ * until CP16 ships the DB provider (CP11 §11 R1). We surface who is assigned and where
+ * to change it, rather than offering a control that silently does nothing.
+ */
+type __VLS_Props = {
+    serviceSlug: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveAssignmentEditor.vue

@@ -0,0 +1,67 @@
+<script setup>
+import { computed } from "vue";
+import { useObserveAssignments } from "../../composables/useObserveAssignments";
+const props = defineProps({
+  serviceSlug: { type: String, required: true }
+});
+const { assignedTo, pending, writable } = useObserveAssignments();
+const users = computed(() => assignedTo(props.serviceSlug));
+</script>
+
+<template>
+  <section class="space-y-2">
+    <div class="flex items-center justify-between">
+      <h3 class="text-sm font-semibold">
+        Assigned users
+      </h3>
+      <UBadge
+        v-if="!writable"
+        color="neutral"
+        variant="subtle"
+        size="sm"
+        icon="i-lucide-lock"
+        label="managed in config"
+      />
+    </div>
+
+    <div
+      v-if="pending"
+      class="text-xs text-muted"
+    >
+      Loading…
+    </div>
+    <div
+      v-else-if="!users.length"
+      class="text-xs text-muted"
+    >
+      No managers or viewers are assigned to this service. Admins always have access.
+    </div>
+    <ul
+      v-else
+      class="space-y-1"
+    >
+      <li
+        v-for="u in users"
+        :key="u.id"
+        class="flex items-center gap-2 text-sm"
+      >
+        <UBadge
+          color="neutral"
+          variant="subtle"
+          size="sm"
+          :label="u.role"
+        />
+        <span>{{ u.name }}</span>
+        <span
+          v-if="u.assignment.services.includes('*')"
+          class="text-xs text-muted"
+        >(all services)</span>
+      </li>
+    </ul>
+
+    <p class="text-xs text-muted">
+      Assignment is declared in <code class="font-mono">observe.auth.users</code>.
+      Runtime assignment management arrives in a later checkpoint.
+    </p>
+  </section>
+</template>

package/dist/runtime/app/components/settings/ObserveAssignmentEditor.vue.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Read-only in phase 1: assignment is derived from observe.auth.users, and the config
+ * auth provider never reads the runtime assignment tables, so a write here would no-op
+ * until CP16 ships the DB provider (CP11 §11 R1). We surface who is assigned and where
+ * to change it, rather than offering a control that silently does nothing.
+ */
+type __VLS_Props = {
+    serviceSlug: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveGroupFormModal.d.vue.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    loading?: boolean;
+    initialName?: string;
+};
+type __VLS_ModelProps = {
+    /** Create or rename a group. `initialName` set => edit mode (title/label change only). */
+    'open': boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (name: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubmit?: ((name: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveGroupFormModal.vue

@@ -0,0 +1,60 @@
+<script setup>
+import { reactive, watch } from "vue";
+import { groupCreateSchema } from "../../../shared/schema/provisioning";
+const open = defineModel("open", { type: Boolean, ...{ required: true } });
+const props = defineProps({
+  loading: { type: Boolean, required: false },
+  initialName: { type: String, required: false }
+});
+const emit = defineEmits(["submit"]);
+const state = reactive({ name: props.initialName ?? "" });
+watch(open, (v) => {
+  if (v) state.name = props.initialName ?? "";
+});
+function onSubmit(_e) {
+  emit("submit", state.name.trim());
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="props.initialName ? 'Rename group' : 'New group'"
+  >
+    <template #body>
+      <UForm
+        :schema="groupCreateSchema"
+        :state="state"
+        class="space-y-4"
+        @submit="onSubmit"
+      >
+        <UFormField
+          label="Name"
+          name="name"
+          required
+        >
+          <UInput
+            v-model="state.name"
+            placeholder="Frontend"
+            autofocus
+          />
+        </UFormField>
+        <div class="flex justify-end gap-2">
+          <UButton
+            color="neutral"
+            variant="ghost"
+            label="Cancel"
+            @click="() => {
+  open = false;
+}"
+          />
+          <UButton
+            type="submit"
+            :label="props.initialName ? 'Save' : 'Create group'"
+            :loading="props.loading"
+          />
+        </div>
+      </UForm>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/app/components/settings/ObserveGroupFormModal.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    loading?: boolean;
+    initialName?: string;
+};
+type __VLS_ModelProps = {
+    /** Create or rename a group. `initialName` set => edit mode (title/label change only). */
+    'open': boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (name: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubmit?: ((name: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveGroupMembershipEditor.d.vue.ts

@@ -0,0 +1,20 @@
+import type { ServiceListItem } from '../../../shared/schema/provisioning.js';
+/**
+ * Multi-select of which services belong to a group. Membership is the direct
+ * services.group_id FK (a service belongs to at most one group), so selecting a
+ * service here detaches it from any other group on save.
+ */
+type __VLS_Props = {
+    services: ServiceListItem[];
+};
+type __VLS_ModelProps = {
+    modelValue: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveGroupMembershipEditor.vue

@@ -0,0 +1,21 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  services: { type: Array, required: true }
+});
+const model = defineModel({ type: Array, ...{ required: true } });
+const items = computed(
+  () => props.services.filter((s) => !s.deletedAt).map((s) => ({ value: s.id, label: s.name }))
+);
+</script>
+
+<template>
+  <USelectMenu
+    v-model="model"
+    :items="items"
+    value-key="value"
+    multiple
+    placeholder="Select services…"
+    class="w-full"
+  />
+</template>

package/dist/runtime/app/components/settings/ObserveGroupMembershipEditor.vue.d.ts

@@ -0,0 +1,20 @@
+import type { ServiceListItem } from '../../../shared/schema/provisioning.js';
+/**
+ * Multi-select of which services belong to a group. Membership is the direct
+ * services.group_id FK (a service belongs to at most one group), so selecting a
+ * service here detaches it from any other group on save.
+ */
+type __VLS_Props = {
+    services: ServiceListItem[];
+};
+type __VLS_ModelProps = {
+    modelValue: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveOriginAllowlistEditor.d.vue.ts

@@ -0,0 +1,15 @@
+type __VLS_ModelProps = {
+    /**
+     * Repeatable browser-origin rows. The API key authorises ingest; this allowlist ONLY
+     * governs browser cross-origin (CORS) calls and never blocks server-side clients. `*`
+     * is accepted but flagged as not recommended.
+     */
+    modelValue: string[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/settings/ObserveOriginAllowlistEditor.vue

@@ -0,0 +1,63 @@
+<script setup>
+import { computed } from "vue";
+const model = defineModel({ type: Array, ...{ required: true } });
+function add() {
+  model.value = [...model.value, ""];
+}
+function update(index, value) {
+  const next = [...model.value];
+  next[index] = value;
+  model.value = next;
+}
+function remove(index) {
+  model.value = model.value.filter((_, i) => i !== index);
+}
+const hasWildcard = computed(() => model.value.includes("*"));
+</script>
+
+<template>
+  <div class="space-y-2">
+    <div class="text-xs text-muted">
+      The API key authorises ingest; this allowlist only governs browser cross-origin
+      calls and never blocks server-side clients.
+    </div>
+
+    <div
+      v-for="(origin, i) in model"
+      :key="i"
+      class="flex items-center gap-2"
+    >
+      <UInput
+        :model-value="origin"
+        placeholder="https://app.example.com"
+        class="flex-1"
+        @update:model-value="update(i, String($event))"
+      />
+      <UButton
+        icon="i-lucide-x"
+        color="neutral"
+        variant="ghost"
+        aria-label="Remove origin"
+        @click="remove(i)"
+      />
+    </div>
+
+    <UButton
+      icon="i-lucide-plus"
+      color="neutral"
+      variant="subtle"
+      size="sm"
+      label="Add origin"
+      @click="add"
+    />
+
+    <UAlert
+      v-if="hasWildcard"
+      color="warning"
+      variant="subtle"
+      icon="i-lucide-triangle-alert"
+      title="Wildcard origin"
+      description="'*' allows any browser origin to POST logs with this key. Not recommended; prefer explicit origins."
+    />
+  </div>
+</template>

package/dist/runtime/app/components/settings/ObserveOriginAllowlistEditor.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_ModelProps = {
+    /**
+     * Repeatable browser-origin rows. The API key authorises ingest; this allowlist ONLY
+     * governs browser cross-origin (CORS) calls and never blocks server-side clients. `*`
+     * is accepted but flagged as not recommended.
+     */
+    modelValue: string[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;