feat(docsearch): allow to set component props individually and inherit undefined ones from the config

[Lehoczky]

Types of changes

• Bug fix (a non-breaking change which fixes an issue)
• New feature (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Description

Resolves #172

1. The <AlgoliaDocSearch /> component now accepts every configuration option as different prop instead of one options object:

<template>
  <AlgoliaDocSearch 
    applicationId="appId" 
    apiKey="key" 
    indexName="indexName" 
    placeholder="Search"
    :searchParameters="{}"
    :disableUserPersonalization="false"
    initialQuery=""
    :translations="{}"
    :transform-items=":transform-items"
    ...
  />
</template>

2. Function options has also been removed from nuxt.config.ts
3. The documentation has been updated to match the official docs
4. Several new pages have been added to the playground which showcases different usage scenarios for the <AlgoliaDocSearch /> component

Note

I wasn't able to start the docs locally on Windows, so I made the changes there blindly. If you could confirm everything looks right, that would be wonderful.

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes (if not applicable, please state why)

[nuxt-studio]

✅ Live Preview ready!

Name	Edit	Preview	Latest Commit
Algolia	Edit on Studio ↗︎	View Live Preview	2683cae

[Baroshem]

Really nice work @Lehoczky Thanks for that! 💚