@shwfed/nuxt 0.7.8 → 0.7.10

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.7.8",
+  "version": "0.7.10",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -1,13 +1,14 @@
 import type { Scope } from 'effect';
-import { Effect } from 'effect';
-import { type Sidebar as SidebarType } from '../composables/useNavigationTabs.js';
+import type { Sidebar as SidebarType } from '../composables/useNavigationTabs.js';
+type CommandEffect = import('effect').Effect.Effect<void>;
+type DslEffect = import('effect').Effect.Effect<Record<string, unknown>, never, Scope.Scope>;
 type ProfileCommandInputItem = Readonly<{
     id: string | number;
     title: string;
     icon?: string;
     hidden?: boolean;
     disabled?: boolean;
-    effect?: Effect.Effect<void>;
+    effect?: CommandEffect;
     keywords?: Array<string>;
 }>;
 type ProfileCommandInputGroup = Readonly<{
@@ -17,65 +18,13 @@ type ProfileCommandInputGroup = Readonly<{
     children: Array<ProfileCommandInputItem>;
 }>;
 type __VLS_Props = {
-    /**
-     * 应用的全局 DSL（CEL）执行上下文。传入一个 Effect，在应用启动时运行一次；
-     * 其解析结果（一个 record）会被永久设为全局上下文，供后续所有 CEL 求值（如 `$dsl.evaluate`）使用。
-     *
-     * 应用会等待该 effect 解析完成后才渲染；在整个应用生命周期内只会执行一次。
-     * 若未传入 `dsl`，全局上下文将被设为 `{}`。
-     *
-     * 适用于需要在首屏前就确定的、会话级稳定数据，例如：当前用户信息、用户所属组、
-     * 用户菜单列表、用户权限（或权限模块）等。此处加载的数据在整个应用内可通过 CEL 访问
-     *（如 `user`、`menu`、`permissions`）。强调「会话级」稳定即可，不必永久不变。
-     *
-     * 重要约束：
-     * - 加载时间至关重要：在该 effect 解析前，整应用不会加载，用户会看到白屏，因此必须保持非常快
-     *   （如减少请求、缓存或并行拉取）。
-     * - 这是有意为之的权衡：菜单、用户等关键数据必须在此加载，否则可能出现空菜单、无用户等异常表现。
-     * - 该 effect 不得抛错（类型为 `never`）：任何失败（如网络）应在 effect 内部处理，
-     *   返回空对象或安全默认值，保证应用仍能正常启动并得到一致的全局上下文。
-     *
-     * 返回的 `Record<string, unknown>` 会在通过 `$dsl.evaluate` 求值 CEL 表达式时，
-     * 与运行时上下文（如 `now`、`today` 及调用处传入的 context）合并使用。
-     *
-     * @example 最小示例：返回静态对象，键可在 CEL 中直接使用
-     * dsl: Effect.succeed({ hello: 'world' })
-     * // 之后在模板或逻辑中：$dsl.evaluate`hello`() 得到 'world'
-     *
-     * @example 实际场景：拉取会话数据（用户、菜单、权限）并返回，供 CEL 使用
-     * dsl: Effect.gen(function* () {
-     *   const [user, menu, permissions] = yield* Effect.all([
-     *     fetchUser().pipe(Effect.catchAll(() => Effect.succeed({ name: '', id: '' }))),
-     *     fetchMenu().pipe(Effect.catchAll(() => Effect.succeed([]))),
-     *     fetchPermissions().pipe(Effect.catchAll(() => Effect.succeed({ canEdit: false }))),
-     *   ])
-     *   return { user, menu, permissions }
-     * })
-     * // CEL 中可访问 user.name、permissions.canEdit 等；失败时在 effect 内兜底，不抛错
-     */
-    dsl?: Effect.Effect<Record<string, unknown>, never, Scope.Scope>;
-    /**
-     * Sidebar config.
-     *
-     * `menus` is structured navigation data.
-     */
+    dsl?: DslEffect;
     sidebar?: SidebarType;
-    /**
-     * Profile command config.
-     *
-     * Structured command entries for profile menu and command palette.
-     */
     commands?: Array<ProfileCommandInputItem | ProfileCommandInputGroup>;
-    read?: <T>(identity: string) => Effect.Effect<T>;
-    write?: <T>(identity: string, value: T) => Effect.Effect<void>;
 };
-declare var __VLS_108: {}, __VLS_124: {}, __VLS_347: {};
+declare var __VLS_10: string, __VLS_11: any;
 type __VLS_Slots = {} & {
-    menu?: (props: typeof __VLS_108) => any;
-} & {
-    profile?: (props: typeof __VLS_124) => any;
-} & {
-    default?: (props: typeof __VLS_347) => any;
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app.vue

@@ -1,420 +1,27 @@
 <script setup>
-import { useHead, useNuxtApp, useRuntimeConfig } from "#app";
-import { reactive } from "vue";
-import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "./ui/command";
-import { TooltipProvider } from "./ui/tooltip";
-import { Toaster } from "vue-sonner";
-import { useMagicKeys, useTimeoutFn, whenever } from "@vueuse/core";
-import { useI18n } from "vue-i18n";
-import { Icon } from "@iconify/vue";
-import { Effect } from "effect";
-import { setGlobalDslContext } from "../plugins/cel/context";
-import { setQueryConfigAccessors } from "../utilities/query-config/global";
-import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, SidebarProvider } from "./ui/sidebar";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "./ui/dropdown-menu";
-import Logo from "./logo.vue";
-import { useFavorite } from "../composables/useFavorite";
-import { useNavigationTabs } from "../composables/useNavigationTabs";
-const {
-  public: {
-    shwfed
-  }
-} = useRuntimeConfig();
-const { $dsl } = useNuxtApp();
-const { t } = useI18n();
+import UiApp from "./ui/app/App.vue";
+defineOptions({
+  inheritAttrs: false
+});
 const props = defineProps({
   dsl: { type: null, required: false },
   sidebar: { type: Array, required: false },
-  commands: { type: Array, required: false },
-  read: { type: Function, required: false },
-  write: { type: Function, required: false }
-});
-const { active, tabs, nameOf, close } = useNavigationTabs(() => props.sidebar ?? []);
-const ui = reactive({
-  isCommandPaletteOpen: false,
-  isProfileDropdownOpen: false
+  commands: { type: Array, required: false }
 });
-useHead({
-  title: () => active.value && nameOf(active.value),
-  bodyAttrs: {
-    style: {
-      "--primary": "#2DA8BC",
-      "--workspace": "#FFFFFF"
-    }
-  }
-});
-const { start: startProfileCloseTimer, stop: stopProfileCloseTimer } = useTimeoutFn(() => {
-  ui.isProfileDropdownOpen = false;
-}, 150, { immediate: false });
-const { meta_k } = useMagicKeys();
-whenever(() => meta_k?.value, () => ui.isCommandPaletteOpen = !ui.isCommandPaletteOpen);
-setGlobalDslContext(await props.dsl?.pipe(Effect.scoped).pipe(Effect.runPromise) ?? {});
-if (props.read !== void 0 && props.write !== void 0) {
-  setQueryConfigAccessors(props.read, props.write);
-}
-const {
-  isFavorited: isNavigationFavorited,
-  canBeFavorited: canBeNavigationFavorited,
-  toggle: toggleNavigationFavorite,
-  withFavorites: navigations
-} = useFavorite("navigation", () => props.sidebar ?? []);
-const logout = () => {
-  if (shwfed.api.logout) {
-    window.location.href = shwfed.api.logout;
-  }
-  return Effect.void;
-};
 </script>
 
 <template>
-  <TooltipProvider>
-    <ClientOnly>
-      <Toaster />
-      <CommandDialog
-        v-model:open="ui.isCommandPaletteOpen"
-      >
-        <CommandInput :placeholder="t('search')" />
-        <CommandList>
-          <CommandEmpty as-child>
-            <section class="h-32 flex flex-col text-lg items-center justify-center gap-2 select-none">
-              <Icon
-                icon="fluent:app-recent-20-regular"
-                class="text-zinc-400 text-2xl!"
-              />
-              <p class="text-zinc-500">
-                {{ t("command-palette-empty") }}
-              </p>
-            </section>
-          </CommandEmpty>
-
-          <template
-            v-for="command in props.commands"
-            :key="command.id"
-          >
-            <CommandGroup
-              v-if="'children' in command"
-              :heading="command.title"
-            >
-              <CommandItem
-                v-for="child in command.children.filter((child2) => !child2.hidden)"
-                :key="child.id"
-                :value="child.id"
-                :disabled="child.disabled"
-                @select="child.effect?.pipe(Effect.tap(() => {
-  ui.isCommandPaletteOpen = false;
-})).pipe(Effect.runPromise)"
-              >
-                <span>{{ child.title }}</span>
-                <span class="sr-only">
-                  {{ child.keywords?.join(" ") }}
-                </span>
-              </CommandItem>
-            </CommandGroup>
-            <CommandGroup v-else>
-              <CommandItem
-                :value="command.id"
-                :disabled="command.disabled"
-                @select="command.effect?.pipe(Effect.tap(() => {
-  ui.isCommandPaletteOpen = false;
-})).pipe(Effect.runPromise)"
-              >
-                <span>{{ command.title }}</span>
-                <span class="sr-only">
-                  {{ command.keywords?.join(" ") }}
-                </span>
-              </CommandItem>
-            </CommandGroup>
-          </template>
-
-          <template
-            v-for="navigation in props.sidebar"
-            :key="navigation.id"
-          >
-            <CommandGroup
-              v-if="'children' in navigation"
-              :heading="navigation.title"
-            >
-              <CommandItem
-                v-for="menu in navigation.children"
-                :key="menu.id"
-                :value="menu.id"
-                @select="$router.replace(menu.route)"
-              >
-                <span>{{ menu.title }}</span>
-              </CommandItem>
-            </CommandGroup>
-            <CommandGroup v-else>
-              <CommandItem
-                :value="navigation.id"
-                @select="$router.replace(navigation.route)"
-              >
-                <span>{{ navigation.title }}</span>
-              </CommandItem>
-            </CommandGroup>
-          </template>
-        </CommandList>
-      </CommandDialog>
-    </ClientOnly>
-
-    <main class="h-screen w-screen flex flex-col overflow-hidden">
-      <header class="bg-(--primary) h-12 w-full flex items-center justify-between px-4 gap-4">
-        <Logo />
-        <slot name="menu" />
-        <span class="flex-1" />
-        <DropdownMenu
-          v-model:open="ui.isProfileDropdownOpen"
-          :modal="false"
-          @update:open="ui.isProfileDropdownOpen = $event"
-        >
-          <DropdownMenuTrigger as-child>
-            <button
-              type="button"
-              class="text-white text-sm cursor-pointer appearance-none outline-none py-2 px-3 rounded hover:bg-white/10"
-              @pointerenter="stopProfileCloseTimer();
-  ui.isProfileDropdownOpen = true"
-              @pointerleave="stopProfileCloseTimer();
-  startProfileCloseTimer()"
-              @click.prevent="stopProfileCloseTimer();
-  ui.isProfileDropdownOpen = true"
-            >
-              <slot name="profile" />
-            </button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent
-            class="min-w-56"
-            align="end"
-            @pointerenter="stopProfileCloseTimer()"
-            @pointerleave="stopProfileCloseTimer();
-  startProfileCloseTimer()"
-          >
-            <template
-              v-for="command in props.commands"
-              :key="command.id"
-            >
-              <template v-if="'children' in command && command.children.some((child2) => !child2.hidden)">
-                <DropdownMenuLabel>
-                  {{ command.title }}
-                </DropdownMenuLabel>
-                <DropdownMenuGroup>
-                  <template
-                    v-for="child in command.children"
-                    :key="child.id"
-                  >
-                    <DropdownMenuItem
-                      v-if="!child.hidden"
-                      :disabled="child.disabled"
-                      @select="child.effect?.pipe(Effect.runPromise)"
-                    >
-                      <Icon
-                        v-if="child.icon"
-                        :icon="child.icon"
-                      />
-                      {{ child.title }}
-                    </DropdownMenuItem>
-                  </template>
-                </DropdownMenuGroup>
-                <DropdownMenuSeparator />
-              </template>
-              <DropdownMenuItem
-                v-else-if="!('children' in command) && !command.hidden"
-                :disabled="command.disabled"
-                @select="command.effect?.pipe(Effect.runPromise)"
-              >
-                <Icon
-                  v-if="command.icon"
-                  :icon="command.icon"
-                />
-                {{ command.title }}
-              </DropdownMenuItem>
-            </template>
-            <DropdownMenuItem
-              @select="logout"
-            >
-              <Icon
-                icon="fluent:sign-out-20-regular"
-              />
-              {{ t("logout") }}
-            </DropdownMenuItem>
-            <DropdownMenuSeparator v-if="props.commands?.some((command2) => 'children' in command2 ? command2.children.some((child2) => !child2.hidden) : !command2.hidden)" />
-            <DropdownMenuItem disabled>
-              <Icon icon="fluent:history-20-regular" />
-              {{ t("build") }}
-              <code class="uppercase">{{ $dsl.evaluate`has(git.commit) && git.commit.size() > 0 ? git.commit.slice(0, 7) : 'development'`() }}</code>
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </header>
-      <main class="flex-1 flex w-full overflow-hidden">
-        <SidebarProvider
-          default-open
-          class="w-fit"
-          :style="{
-  '--sidebar-width': '13rem'
-}"
-        >
-          <Sidebar
-            collapsible="icon"
-            class="sticky h-full"
-          >
-            <SidebarContent class="gap-2 py-1">
-              <template
-                v-for="group in navigations"
-                :key="group.id"
-              >
-                <Collapsible
-                  v-if="'children' in group"
-                  class="group/collapsible"
-                >
-                  <SidebarGroup>
-                    <SidebarGroupLabel
-                      as-child
-                      class="group/label text-sm text-zinc-700 hover:bg-zinc-100 hover:text-zinc-900"
-                    >
-                      <CollapsibleTrigger>
-                        <Icon
-                          v-if="group.icon"
-                          :icon="group.icon"
-                        />
-                        {{ group.title }}
-                        <Icon
-                          icon="fluent:chevron-right-20-regular"
-                          class="ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90"
-                        />
-                      </CollapsibleTrigger>
-                    </SidebarGroupLabel>
-                    <CollapsibleContent class="overflow-hidden data-[state=open]:overflow-visible data-[state=open]:h-auto">
-                      <SidebarGroupContent>
-                        <SidebarMenu class="pl-4">
-                          <SidebarMenuItem
-                            v-for="menu in group.children"
-                            :key="menu.id"
-                          >
-                            <SidebarMenuButton
-                              v-if="'route' in menu"
-                              as-child
-                              :is-active="active === menu.route"
-                            >
-                              <button
-                                type="button"
-                                @click="active = menu.route"
-                              >
-                                <Icon
-                                  v-if="menu.icon"
-                                  :icon="menu.icon"
-                                />
-                                {{ menu.title }}
-                              </button>
-                            </SidebarMenuButton>
-                            <SidebarMenuAction
-                              v-if="canBeNavigationFavorited(menu, group.id)"
-                              :show-on-hover="!isNavigationFavorited(menu, group.id)"
-                              class="text-yellow-500!"
-                              @click.stop="toggleNavigationFavorite(menu, group.id)"
-                            >
-                              <Icon
-                                :icon="isNavigationFavorited(menu, group.id) ? 'fluent:star-20-filled' : 'fluent:star-20-regular'"
-                              />
-                            </SidebarMenuAction>
-                          </SidebarMenuItem>
-                        </SidebarMenu>
-                      </SidebarGroupContent>
-                    </CollapsibleContent>
-                  </SidebarGroup>
-                </Collapsible>
-                <template v-else-if="'route' in group">
-                  <SidebarGroup>
-                    <SidebarGroupContent>
-                      <SidebarMenu>
-                        <SidebarMenuItem>
-                          <SidebarMenuButton
-                            as-child
-                            :is-active="active === group.route"
-                          >
-                            <button
-                              type="button"
-                              @click="active = group.route"
-                            >
-                              <Icon
-                                v-if="group.icon"
-                                :icon="group.icon"
-                              />
-                              {{ group.title }}
-                            </button>
-                          </SidebarMenuButton>
-                        </SidebarMenuItem>
-                      </SidebarMenu>
-                    </SidebarGroupContent>
-                  </SidebarGroup>
-                </template>
-              </template>
-            </SidebarContent>
-          </Sidebar>
-        </SidebarProvider>
-        <main class="flex-1 flex flex-col bg-zinc-100 overflow-hidden">
-          <nav class="bg-white p-1 border-b border-zinc-100 h-10 flex items-center justify-start gap-1 overflow-x-auto min-w-0">
-            <div
-              v-for="tab in tabs"
-              :key="tab"
-              :class="[
-  'h-8 max-w-60 border rounded px-2 text-sm flex items-center gap-2 shrink-0 min-w-0 transition-colors',
-  active === tab ? 'text-(--primary) border-(--primary) bg-cyan-50' : 'text-zinc-600 border-zinc-200 hover:text-zinc-900 hover:border-zinc-300'
-]"
-            >
-              <button
-                type="button"
-                class="truncate cursor-pointer"
-                @click="active = tab"
-              >
-                {{ nameOf(tab) }}
-              </button>
-              <button
-                v-if="tabs.size !== 1"
-                type="button"
-                class="cursor-pointer text-zinc-500 hover:text-zinc-900"
-                @click.stop="close(tab)"
-              >
-                <Icon icon="fluent:dismiss-20-regular" />
-              </button>
-            </div>
-          </nav>
-          <main class="m-2 flex-1 p-1 bg-(--workspace) border border-zinc-100 rounded overflow-hidden">
-            <slot />
-          </main>
-        </main>
-      </main>
-    </main>
-  </TooltipProvider>
+  <UiApp
+    v-bind="{ ...props, ...$attrs }"
+  >
+    <template
+      v-for="(_, slotName) in $slots"
+      #[slotName]="slotProps"
+    >
+      <slot
+        :name="slotName"
+        v-bind="slotProps ?? {}"
+      />
+    </template>
+  </UiApp>
 </template>
-
-<i18n lang="json">
-{
-  "zh": {
-    "command-palette-empty": "无搜索结果",
-    "search": "搜索",
-    "logout": "退出登录",
-    "build": "构建",
-    "navigation": "导航",
-    "profile": "个人信息",
-    "favorites": "收藏"
-  },
-  "ja": {
-    "command-palette-empty": "結果はありません",
-    "search": "検索",
-    "logout": "ログアウト",
-    "build": "ビルド",
-    "navigation": "ナビゲーション",
-    "profile": "プロフィール",
-    "favorites": "お気に入り"
-  },
-  "en": {
-    "command-palette-empty": "No results",
-    "search": "Search",
-    "logout": "Logout",
-    "build": "Build",
-    "navigation": "Navigation",
-    "profile": "Profile",
-    "favorites": "Favorites"
-  }
-}
-</i18n>

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

@@ -1,13 +1,14 @@
 import type { Scope } from 'effect';
-import { Effect } from 'effect';
-import { type Sidebar as SidebarType } from '../composables/useNavigationTabs.js';
+import type { Sidebar as SidebarType } from '../composables/useNavigationTabs.js';
+type CommandEffect = import('effect').Effect.Effect<void>;
+type DslEffect = import('effect').Effect.Effect<Record<string, unknown>, never, Scope.Scope>;
 type ProfileCommandInputItem = Readonly<{
     id: string | number;
     title: string;
     icon?: string;
     hidden?: boolean;
     disabled?: boolean;
-    effect?: Effect.Effect<void>;
+    effect?: CommandEffect;
     keywords?: Array<string>;
 }>;
 type ProfileCommandInputGroup = Readonly<{
@@ -17,65 +18,13 @@ type ProfileCommandInputGroup = Readonly<{
     children: Array<ProfileCommandInputItem>;
 }>;
 type __VLS_Props = {
-    /**
-     * 应用的全局 DSL（CEL）执行上下文。传入一个 Effect，在应用启动时运行一次；
-     * 其解析结果（一个 record）会被永久设为全局上下文，供后续所有 CEL 求值（如 `$dsl.evaluate`）使用。
-     *
-     * 应用会等待该 effect 解析完成后才渲染；在整个应用生命周期内只会执行一次。
-     * 若未传入 `dsl`，全局上下文将被设为 `{}`。
-     *
-     * 适用于需要在首屏前就确定的、会话级稳定数据，例如：当前用户信息、用户所属组、
-     * 用户菜单列表、用户权限（或权限模块）等。此处加载的数据在整个应用内可通过 CEL 访问
-     *（如 `user`、`menu`、`permissions`）。强调「会话级」稳定即可，不必永久不变。
-     *
-     * 重要约束：
-     * - 加载时间至关重要：在该 effect 解析前，整应用不会加载，用户会看到白屏，因此必须保持非常快
-     *   （如减少请求、缓存或并行拉取）。
-     * - 这是有意为之的权衡：菜单、用户等关键数据必须在此加载，否则可能出现空菜单、无用户等异常表现。
-     * - 该 effect 不得抛错（类型为 `never`）：任何失败（如网络）应在 effect 内部处理，
-     *   返回空对象或安全默认值，保证应用仍能正常启动并得到一致的全局上下文。
-     *
-     * 返回的 `Record<string, unknown>` 会在通过 `$dsl.evaluate` 求值 CEL 表达式时，
-     * 与运行时上下文（如 `now`、`today` 及调用处传入的 context）合并使用。
-     *
-     * @example 最小示例：返回静态对象，键可在 CEL 中直接使用
-     * dsl: Effect.succeed({ hello: 'world' })
-     * // 之后在模板或逻辑中：$dsl.evaluate`hello`() 得到 'world'
-     *
-     * @example 实际场景：拉取会话数据（用户、菜单、权限）并返回，供 CEL 使用
-     * dsl: Effect.gen(function* () {
-     *   const [user, menu, permissions] = yield* Effect.all([
-     *     fetchUser().pipe(Effect.catchAll(() => Effect.succeed({ name: '', id: '' }))),
-     *     fetchMenu().pipe(Effect.catchAll(() => Effect.succeed([]))),
-     *     fetchPermissions().pipe(Effect.catchAll(() => Effect.succeed({ canEdit: false }))),
-     *   ])
-     *   return { user, menu, permissions }
-     * })
-     * // CEL 中可访问 user.name、permissions.canEdit 等；失败时在 effect 内兜底，不抛错
-     */
-    dsl?: Effect.Effect<Record<string, unknown>, never, Scope.Scope>;
-    /**
-     * Sidebar config.
-     *
-     * `menus` is structured navigation data.
-     */
+    dsl?: DslEffect;
     sidebar?: SidebarType;
-    /**
-     * Profile command config.
-     *
-     * Structured command entries for profile menu and command palette.
-     */
     commands?: Array<ProfileCommandInputItem | ProfileCommandInputGroup>;
-    read?: <T>(identity: string) => Effect.Effect<T>;
-    write?: <T>(identity: string, value: T) => Effect.Effect<void>;
 };
-declare var __VLS_108: {}, __VLS_124: {}, __VLS_347: {};
+declare var __VLS_10: string, __VLS_11: any;
 type __VLS_Slots = {} & {
-    menu?: (props: typeof __VLS_108) => any;
-} & {
-    profile?: (props: typeof __VLS_124) => any;
-} & {
-    default?: (props: typeof __VLS_347) => any;
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;