feat(plugin-slimsearch): improve a11y, close #411

docs/plugins/search/slimsearch.md

@@ -295,6 +295,16 @@ Options used to create index per locale, the object keys should be the locale pa
      */
     search: string
 
+    /**
+     * Clear search text
+     */
+    clear: string
+
+    /**
+     * Remove current item
+     */
+    remove: string
+
     /**
      * Searching text
      */

docs/zh/plugins/search/slimsearch.md

@@ -293,6 +293,16 @@ export default defineUserConfig({
      */
     search: string
 
+    /**
+     * 清除搜索文字
+     */
+    clear: string
+
+    /**
+     * 删除当前项目
+     */
+    remove: string
+
     /**
      * 搜索中文字
      */
@@ -470,7 +480,7 @@ export default defineUserConfig({
 如果你想要访问搜索 API，你可以从 `@vuepress/plugin-slimsearch/client` 中导入 `createSearchWorker` 来获取搜索结果:
 
 ```ts
-import { createSearchWorker } from 'vuepress-plugin-search-pro/client'
+import { createSearchWorker } from '@vuepress/plugin-slimsearch/client'
 
 const { all, suggest, search, terminate } = createSearchWorker()
 

plugins/search/plugin-slimsearch/src/client/components/SearchModal.ts

@@ -28,6 +28,7 @@ import {
 import { locales, options } from '../define.js'
 import { useSearchOptions } from '../helpers/index.js'
 import { CLOSE_ICON } from '../icons/index.js'
+import { defaultQuerySplitter } from '../utils/index.js'
 import SearchKeyHints from './SearchKeyHints.js'
 import { SearchLoading } from './SearchLoading.js'
 import { SearchIcon } from './icons.js'
@@ -109,9 +110,9 @@ export default defineComponent({
         () =>
           (
             searchOptions.value.querySplitter?.(input.value) ??
-            Promise.resolve(input.value.split(' '))
+            Promise.resolve(defaultQuerySplitter(input.value))
           ).then((result) => {
-            queries.value = result
+            queries.value = result.filter((item) => item.length)
           }),
         Math.min(options.searchDelay, options.suggestDelay),
       ),
@@ -148,14 +149,18 @@ export default defineComponent({
                 h('form', [
                   h(
                     'label',
-                    { 'for': 'search-pro', 'aria-label': locale.value.search },
+                    {
+                      'id': 'slimsearch-label',
+                      'for': 'slimsearch-input',
+                      'aria-label': locale.value.search,
+                    },
                     h(SearchIcon),
                   ),
                   h('input', {
                     'ref': inputElement,
                     'type': 'search',
                     'class': 'slimsearch-input',
-                    'id': 'search-pro',
+                    'id': 'slimsearch-input',
                     'placeholder': locale.value.placeholder,
                     'spellcheck': 'false',
                     'autocapitalize': 'off',