diff options
Diffstat (limited to 'src/components/SearchBar.vue')
| -rw-r--r-- | src/components/SearchBar.vue | 37 |
1 files changed, 24 insertions, 13 deletions
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue index fe23e03..e6d2b30 100644 --- a/src/components/SearchBar.vue +++ b/src/components/SearchBar.vue @@ -32,19 +32,30 @@ function onSelect(path: string) { </script> <template> - <div class="search-bar"> - <n-auto-complete :options="options" v-model:value="queryString" :input-props="{ autocomplete: 'disabled' }" - :on-select="onSelect"> - <template #default="{ handleInput, handleBlur, handleFocus, value: slotValue }"> - <n-input round clearable placeholder="Search a tool..." :value="slotValue" @input="handleInput" - @focus="handleFocus" @blur="handleBlur"> - <template #prefix> - <n-icon :component="SearchRound" /> - </template> - </n-input> - </template> - </n-auto-complete> - </div> + <div class="search-bar"> + <n-auto-complete + v-model:value="queryString" + :options="options" + :input-props="{ autocomplete: 'disabled' }" + :on-select="onSelect" + > + <template #default="{ handleInput, handleBlur, handleFocus, value: slotValue }"> + <n-input + round + clearable + placeholder="Search a tool..." + :value="slotValue" + @input="handleInput" + @focus="handleFocus" + @blur="handleBlur" + > + <template #prefix> + <n-icon :component="SearchRound" /> + </template> + </n-input> + </template> + </n-auto-complete> + </div> </template> |