@shwfed/nuxt 0.7.8 → 0.7.10

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

@@ -1,72 +1,76 @@
-import type { CellContext, RowData, TableOptions } from '@tanstack/vue-table';
-export type Expression = string;
-export type Markdown = string;
-export type Render = string | Readonly<{
-    id: string;
-    props: unknown;
-}>;
-export type Accessor = string | Readonly<{
-    read: Expression;
-    write: Expression;
-}>;
-export type Column = Readonly<{
-    id?: string;
-    title?: Record<string, string>;
-    accessor?: Accessor;
-    accessorKey?: string;
-    renderer?: Render;
-    tooltip?: Record<string, string>;
-    size?: number;
-    enableSorting?: boolean;
-    enableMultiSorting?: boolean;
-    enablePinning?: boolean;
-    columns?: ReadonlyArray<Column>;
-    grow?: boolean;
-}>;
+import type { TableConfig } from './ui/table/schema.js';
+export type { Accessor, Column, Expression, Markdown, Render, TableConfig } from './ui/table/schema.js';
+export { AccessorC, ColumnC, RenderC, TableConfigC } from './ui/table/schema.js';
 declare module '@tanstack/vue-table' {
-    interface ColumnMeta<TData extends RowData, TValue> {
+    interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
         tooltip?: string;
         grow?: boolean;
+        accessor?: import('./ui/table/schema').Accessor;
         __types?: [TData, TValue];
     }
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Readonly<{
-    id: string;
-    getRowId?: Expression;
-    getSubRows?: Expression;
-    enableRowSelection?: Expression;
-    enableMultiRowSelection?: Expression;
-    columns: ReadonlyArray<Column>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    config: import("effect").Effect.Effect<TableConfig>;
     data: Array<unknown>;
-    cellStyles?: Expression;
-    props?: Omit<TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
-    paginationLeft?: Markdown;
-    paginationRight?: Markdown;
-}>, import("@tanstack/table-core").Table<unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Readonly<{
-    id: string;
-    getRowId?: Expression;
-    getSubRows?: Expression;
-    enableRowSelection?: Expression;
-    enableMultiRowSelection?: Expression;
-    columns: ReadonlyArray<Column>;
+    rowCount?: number;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:config": (args_0: Readonly<{
+        getRowId?: import("./table.vue.js").Expression;
+        getSubRows?: import("./table.vue.js").Expression;
+        enableRowSelection?: import("./table.vue.js").Expression;
+        enableMultiRowSelection?: import("./table.vue.js").Expression;
+        columns: readonly Readonly<{
+            id?: string;
+            title?: import("../utils/coders.js").LocaleValue;
+            accessor?: import("./table.vue.js").Accessor;
+            renderer?: import("./table.vue.js").Render;
+            tooltip?: import("../utils/coders.js").LocaleValue;
+            size?: number;
+            enableSorting?: boolean;
+            enableMultiSorting?: boolean;
+            enablePinning?: boolean;
+            columns?: readonly Readonly</*elided*/ any>[];
+            grow?: boolean;
+        }>[];
+        cellStyles?: import("./table.vue.js").Expression;
+        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        paginationLeft?: import("./table.vue.js").Markdown;
+        paginationRight?: import("./table.vue.js").Markdown;
+    }>) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    config: import("effect").Effect.Effect<TableConfig>;
     data: Array<unknown>;
-    cellStyles?: Expression;
-    props?: Omit<TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
-    paginationLeft?: Markdown;
-    paginationRight?: Markdown;
-}>> & Readonly<{}>, {
-    readonly props: Omit<TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
-    readonly getRowId: Expression;
-    readonly getSubRows: Expression;
-    readonly enableMultiRowSelection: Expression;
-    readonly enableRowSelection: Expression;
-    readonly cellStyles: Expression;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    [key: string]: (props: Readonly<{
-        cell: CellContext<unknown, unknown>;
-    }>) => void;
+    rowCount?: number;
+}> & Readonly<{
+    "onUpdate:config"?: ((args_0: Readonly<{
+        getRowId?: import("./table.vue.js").Expression;
+        getSubRows?: import("./table.vue.js").Expression;
+        enableRowSelection?: import("./table.vue.js").Expression;
+        enableMultiRowSelection?: import("./table.vue.js").Expression;
+        columns: readonly Readonly<{
+            id?: string;
+            title?: import("../utils/coders.js").LocaleValue;
+            accessor?: import("./table.vue.js").Accessor;
+            renderer?: import("./table.vue.js").Render;
+            tooltip?: import("../utils/coders.js").LocaleValue;
+            size?: number;
+            enableSorting?: boolean;
+            enableMultiSorting?: boolean;
+            enablePinning?: boolean;
+            columns?: readonly Readonly</*elided*/ any>[];
+            grow?: boolean;
+        }>[];
+        cellStyles?: import("./table.vue.js").Expression;
+        props?: Omit<import("@tanstack/table-core").TableOptions<unknown>, "columns" | "data" | "getRowId" | "getCoreRowModel">;
+        paginationLeft?: import("./table.vue.js").Markdown;
+        paginationRight?: import("./table.vue.js").Markdown;
+    }>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [x: string]: ((props: {
+        cell: import("@tanstack/table-core").CellContext<unknown, unknown>;
+    }) => any) | undefined;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,86 @@
+import type { Scope } from 'effect';
+import { Effect } from 'effect';
+import { type Sidebar as SidebarType } from '../../../composables/useNavigationTabs.js';
+type ProfileCommandInputItem = Readonly<{
+    id: string | number;
+    title: string;
+    icon?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+    effect?: Effect.Effect<void>;
+    keywords?: Array<string>;
+}>;
+type ProfileCommandInputGroup = Readonly<{
+    id: string | number;
+    title: string;
+    icon?: string;
+    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.
+     */
+    sidebar?: SidebarType;
+    /**
+     * Profile command config.
+     *
+     * Structured command entries for profile menu and command palette.
+     */
+    commands?: Array<ProfileCommandInputItem | ProfileCommandInputGroup>;
+};
+declare var __VLS_108: {}, __VLS_124: {}, __VLS_347: {};
+type __VLS_Slots = {} & {
+    menu?: (props: typeof __VLS_108) => any;
+} & {
+    profile?: (props: typeof __VLS_124) => any;
+} & {
+    default?: (props: typeof __VLS_347) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ui/app/App.vue

@@ -0,0 +1,414 @@
+<script setup>
+import { useHead, useNuxtApp, useRuntimeConfig } from "#app";
+import { reactive } from "vue";
+import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "../command";
+import { TooltipProvider } from "../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 { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, SidebarProvider } from "../sidebar";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../collapsible";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../dropdown-menu";
+import Logo from "../logo/Logo.vue";
+import { useFavorite } from "../../../composables/useFavorite";
+import { useNavigationTabs } from "../../../composables/useNavigationTabs";
+const {
+  public: {
+    shwfed
+  }
+} = useRuntimeConfig();
+const { $dsl } = useNuxtApp();
+const { t } = useI18n();
+const props = defineProps({
+  dsl: { type: null, required: false },
+  sidebar: { type: Array, required: false },
+  commands: { type: Array, required: false }
+});
+const { active, tabs, nameOf, close } = useNavigationTabs(() => props.sidebar ?? []);
+const ui = reactive({
+  isCommandPaletteOpen: false,
+  isProfileDropdownOpen: 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) ?? {});
+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>
+</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>