# 命令面板空状态

## 使用方法

`CommandPaletteEmpty` 是结果区没东西可显示时的那块占位内容。`CommandPalette` 在「搜不到结果」和「还没开始搜」这两种情况下会自己把它渲染出来，通常不需要手动写。

```ts
import { CommandPaletteEmpty } from '@astryx-vue/core/CommandPalette'
```

## 示例

常见的用法和不同的状态。

### 基础

一条结果都没有的面板，用 emptyBootstrapText 换掉了默认文案。想跟用户说明为什么这里是空的、接下来能做什么，就用它。

```vue
<script setup lang="ts">
import type { SearchableItem } from '@astryx-vue/core'
import { createStaticSource } from '@astryx-vue/core'
import { CommandPalette } from '@astryx-vue/core/CommandPalette'

const source = createStaticSource<SearchableItem>([])
</script>

<template>
  <CommandPalette
    empty-bootstrap-text="No commands available"
    is-inline
    is-open
    :search-source="source"
  />
</template>
```

## 属性

`CommandPaletteEmpty` 没有属性。

## 插槽

- `default`：空状态的文案。放在 `CommandPalette` 里时，它会根据用户有没有输入，分别填入 `emptySearchText` 或 `emptyBootstrapText`。