Display directory heading in search results

[JingboLi99]

Is your feature request related to a problem? Please describe.

Currently, the search results only display the page title and anchors (if any) in which the results appear in. I have many similar page titles for different contexts, which are organized as different sidebar directories. Without being able to see which sidebar directory a page is in, it can get confusing as to which page I am looking at.

Describe the solution you'd like

It will be nice to be able to see which sidebar sub-directory the pages are in, as is the case for Vuepress's built-in search option. Would it be possible to add an option to configure what fields to display in the search bar results in themeConfig?

Describe alternatives you've considered

I have looked at the existing search options, but none seem to offer this functionality.

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Read the Contributing Guidelines.
• Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.

[brc-dd]

Can you please explain what are you trying to do? For example, this is the result on UnoCSS docs: It clearly shows the full path even if the heading names are similar.

[JingboLi99]

Using the UnoCSS example, when I search for something (e.g. built-in features) under the CLI section under the Integrations directory, I would like to see that the result in under the Integration directory. Something like Integrations > CLI > Built-in features

Right now, it just shows CLI > # Built-in features. In the Vuepress search example I gave, it shows the directory title in the green portion, and the page and page anchor path in each individual search result. I wish Vitepress also had that functionality.