[Bug report] Cannot open slimesearch bar

[redxXxkiller]

Description

When hover over the slimesearch bar it will highlight the bar but when clicking on it, it wont open, and hotkeys don't work either.

I'm using vuepress-theme-hope
Gave you access to my private repo

Reproduction

https://github.com/redxXxkiller/vuepress-theme-hope-version-2

Used Package Manager

npm

System Info

Environment Info:

  System:
    OS: Windows 11 10.0.26100
    CPU: (12) x64 AMD Ryzen 5 5500U with Radeon Graphics
  Binaries:
    Node: 22.14.0 - C:\nvm4w\nodejs\node.EXE
    Yarn: Not Found
    npm: 10.8.3 - C:\nvm4w\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Chromium (130.0.2849.80)
  npmPackages:
    @vuepress/core:  2.0.0-rc.20
    @vuepress/theme-default: ^2.0.0-rc.82 => 2.0.0-rc.82
    vuepress: ^2.0.0-rc.20 => 2.0.0-rc.20
  npmGlobalPackages:
    vuepress: Not Found

[dmitrybv]

Hello redxXxkiller.
Is there any command in nodejs that will automatically output all the data you described in the "Environment Info" section?

[dmitrybv]

I have the same problem in the following environment:

  "devDependencies": {
    "@vuepress/bundler-vite": "2.0.0-rc.20",
    "@vuepress/plugin-slimsearch": "2.0.0-rc.81",
    "sass-embedded": "^1.85.0",
    "vue": "^3.5.13",
    "vuepress": "2.0.0-rc.20",
    "vuepress-theme-hope": "2.0.0-rc.73"
  },
  "packageManager": "[email protected]+sha1.ca68c0441df195b7e2992f1d1cb12fb731f82d78"

File theme.ts

import { hopeTheme } from "vuepress-theme-hope";

import navbar from "./navbar.js";
import sidebar from "./sidebar.js";

export default hopeTheme({
...
  plugins: {
    slimsearch: 
    {
      indexContent: true,
    },

[Mister-Hope]

We will fix this next version , it's a bug

[redxXxkiller]

We will fix this next version , it's a bug

oh ok its a bug alr, would it fix it if i downgrade either slimsearch or the hopetheme? Also mind if i can ask if there is a guide for styling dropdowns?

[dmitrybv]

Correct or clarify the documentation for slimsearch on the site.
https://ecosystem.vuejs.press/plugins/search/slimsearch.html

It is not clear in which file the change needs to be made:

import { docsearchPlugin } from '@vuepress/plugin-docsearch'

export default {
  plugins: [
    docsearchPlugin({
      // options
    }),
  ],
}

It seems that for projects created via
pnpm create vuepress-theme-hope my-docs

it is necessary to make edits in the theme.ts file via the slimsearch parameter, but this is not certain.

[Mister-Hope]

it is necessary to make edits in the theme.ts file via the slimsearch parameter, but this is not certain.

but this is not certain

But you fail to read docs carefully:

• https://theme-hope.vuejs.press/guide/intro/intro.html#new-features
• https://theme-hope.vuejs.press/guide/feature/search.html
• https://theme-hope.vuejs.press/config/plugins/search.html#intro
• https://theme-hope.vuejs.press/config/plugins/
• https://theme-hope.vuejs.press/config/plugins/intro.html

[dmitrybv]

Will there be an update to Node Package Manager?
https://www.npmjs.com/package/@vuepress/plugin-slimsearch?activeTab=code
Last published 4 months ago.

[Mister-Hope]

[dmitrybv]

[dmitrybv]

Please send a link to the package in the repository.