diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-15 23:10:47 +0200 |
|---|---|---|
| committer | Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-04-15 23:10:47 +0200 |
| commit | 6b58ec554a0de91139f16d67cec42536d093d5fb (patch) | |
| tree | 3bebdbcf4fab37692397b57ff62440ad4e0f1a83 /src/components/SearchBar.vue | |
| parent | 39746e07c53c22ac132ad2aaf25dd71bb6458cde (diff) | |
| download | it-tools-6b58ec554a0de91139f16d67cec42536d093d5fb.tar.gz it-tools-6b58ec554a0de91139f16d67cec42536d093d5fb.tar.zst it-tools-6b58ec554a0de91139f16d67cec42536d093d5fb.zip | |
refactor(style): updated linter config
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> |