diff options
Diffstat (limited to 'src/components/SearchBar.vue')
-rw-r--r-- | src/components/SearchBar.vue | 36 |
1 files changed, 17 insertions, 19 deletions
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue index e6d2b30..da5bede 100644 --- a/src/components/SearchBar.vue +++ b/src/components/SearchBar.vue @@ -1,34 +1,33 @@ <script lang="ts" setup> -import { SearchRound } from '@vicons/material' +import { SearchRound } from '@vicons/material'; import { computed, ref } from 'vue'; -import { deburr } from 'lodash' +import { deburr } from 'lodash'; import { tools } from '@/tools'; import { useRouter } from 'vue-router'; -const router = useRouter() -const queryString = ref('') +const router = useRouter(); +const queryString = ref(''); -const cleanString = (s: string) => deburr(s.trim().toLowerCase()) +const cleanString = (s: string) => deburr(s.trim().toLowerCase()); const searchableTools = tools.map(({ name, description, keywords, path }) => ({ - searchableText: [name, description, ...keywords].map(cleanString).join(' '), - path, - name -})) + searchableText: [name, description, ...keywords].map(cleanString).join(' '), + path, + name, +})); const options = computed(() => { - const query = cleanString(queryString.value) + const query = cleanString(queryString.value); - return searchableTools - .filter(({ searchableText }) => searchableText.includes(query)) - .map(({ name, path }) => ({ label: name, value: path })) -}) + return searchableTools + .filter(({ searchableText }) => searchableText.includes(query)) + .map(({ name, path }) => ({ label: name, value: path })); +}); function onSelect(path: string) { - router.push(path) - queryString.value = '' + router.push(path); + queryString.value = ''; } - </script> <template> @@ -58,9 +57,8 @@ function onSelect(path: string) { </div> </template> - <style lang="less" scoped> // ::v-deep(.n-input__border) { // border: none; // } -</style>
\ No newline at end of file +</style> |