Vue-select: How to disable the "no-options" slot ?

[gilles6]

How to remove the no-options li field below which is displayed when the search input box is editable:
<li class="no-options">Sorry, no matching options.</li>

[cirokd]

You can use an empty slot, like so:

<v-select>
  <span slot="no-options"></span>
</v-select>

[Orange-Men]

@cirokd It looks awful.

Maybe there's another way...

[n-smits]

This will help _only if you have something else to display_, e.g. footer slot in my case.

But it can be removed with css by setting .vs__no-options to display none (and don't add the custom no-options slot). In case you were having trouble opening it with dev tools, here is the html.

<ul id="vs1__listbox" role="listbox" style class="vs__dropdown-menu>
  <li class="vs__no-options">Sorry, no matching options.</li>
</ul>