<!-- Search form & filters wrapper -->
<div class="unified-search__input-wrapper">
<div class="unified-search__input-row">
- <NcTextField :value.sync="query"
+ <NcTextField ref="input"
+ :value.sync="query"
trailing-button-icon="close"
:label="ariaLabel"
- ref="input"
:trailing-button-label="t('core','Reset search')"
:show-trailing-button="query !== ''"
aria-describedby="unified-search-desc"
</template>
<!-- Grouped search results -->
- <template v-else>
- <ul v-for="({list, type}, typesIndex) in orderedResults"
- :key="type"
- class="unified-search__results"
- :class="`unified-search__results-${type}`"
- :aria-label="typesMap[type]">
+ <template v-for="({list, type}, typesIndex) in orderedResults" v-else :key="type">
<h2 class="unified-search__results-header">
{{ typesMap[type] }}
</h2>
-
+ <ul class="unified-search__results"
+ :class="`unified-search__results-${type}`"
+ :aria-label="typesMap[type]">
<!-- Search results -->
<li v-for="(result, index) in limitIfAny(list, type)" :key="result.resourceUrl">
<SearchResult v-bind="result"