use algolia button text from theme config

[RainKolwa]

Describe the bug

If I configured algolia translation in theme config like:

{
  "themeConfig": {
    "algolia": {
      "translations": {
        "button": {
          "buttonText": "搜索",
          "buttonAriaLabel": "搜索"
        }
      }
    }
  }
}

When I click the search button, the text of the button changes.

Reproduction

Expected behavior

vitepress/src/client/theme-default/components/VPNavBarSearch.vue

Line 79 in 31c863d

<span class="DocSearch-Button-Placeholder">Search</span>

It would be nice if the text in search box could be using the text from theme config.

System Info

-

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[kiaking]

We should have this! But not sure about the option structure. So I guess Algolia already has that option 👀 But we're not using Algolia Dom structure directly, due to design differences. So I think we could have simpler option for VitePress. Maybe:

algolia: {
  appId: '...',
  apiKey: '...',
  indexName: '...',
  buttonText: '搜索'
}

[RainKolwa]

I noticed that we used theme.algolia to initialize the search box, maybe it's better to respect the origin config from algolia. Otherwise, we have to config the text twice.

vitepress/src/client/theme-default/components/VPAlgoliaSearchBox.vue

Line 36 in 721fa36

const options = Object.assign({}, userOptions, {