chore(CommandPalette)!: rename props to emptyState and closeButton for consistency

This commit is contained in:
Benjamin Canac
2023-05-29 21:55:08 +02:00
parent 8ee2ac10e7
commit daca46371c
5 changed files with 33 additions and 33 deletions

View File

@@ -19,9 +19,9 @@
/>
<UButton
v-if="close"
v-bind="close"
:class="ui.input.close"
v-if="closeButton"
v-bind="closeButton"
:class="ui.input.closeButton"
aria-label="Close"
@click="onClear"
/>
@@ -51,10 +51,10 @@
</CommandPaletteGroup>
</ComboboxOptions>
<div v-else-if="empty" :class="ui.empty.wrapper">
<UIcon v-if="empty.icon" :name="empty.icon" :class="ui.empty.icon" aria-hidden="true" />
<p :class="query ? ui.empty.queryLabel : ui.empty.label">
{{ query ? empty.queryLabel : empty.label }}
<div v-else-if="emptyState" :class="ui.emptyState.wrapper">
<UIcon v-if="emptyState.icon" :name="emptyState.icon" :class="ui.emptyState.icon" aria-hidden="true" />
<p :class="query ? ui.emptyState.queryLabel : ui.emptyState.label">
{{ query ? emptyState.queryLabel : emptyState.label }}
</p>
</div>
</div>
@@ -133,13 +133,13 @@ export default defineComponent({
type: String,
default: () => appConfig.ui.commandPalette.default.selectedIcon
},
close: {
closeButton: {
type: Object as PropType<Partial<Button>>,
default: () => appConfig.ui.commandPalette.default.close
default: () => appConfig.ui.commandPalette.default.closeButton
},
empty: {
emptyState: {
type: Object as PropType<{ icon: string, label: string, queryLabel: string }>,
default: () => appConfig.ui.commandPalette.default.empty
default: () => appConfig.ui.commandPalette.default.emptyState
},
placeholder: {
type: String,