demos: show "No result" in mentions demos

This commit is contained in:
Philipp Kühn
2022-01-12 10:22:27 +01:00
parent 7da4373a6a
commit 1dcbefd08b
5 changed files with 66 additions and 45 deletions

View File

@@ -1,14 +1,19 @@
<template>
<div class="items">
<button
class="item"
:class="{ 'is-selected': index === selectedIndex }"
v-for="(item, index) in items"
:key="index"
@click="selectItem(index)"
>
{{ item.title }}
</button>
<template v-if="items.length">
<button
class="item"
:class="{ 'is-selected': index === selectedIndex }"
v-for="(item, index) in items"
:key="index"
@click="selectItem(index)"
>
{{ item }}
</button>
</template>
<div class="item" v-else>
No result
</div>
</div>
</template>