Navigation bar disappear and Code highlight doesn't work

[Crowds21]

Describe the bug The button still works, but the navigation bar doest not display. Highlighting a specific line of a code block does not work. These functions can be used normally in v0.34.2

To Reproduce npm init slidev@latest
npm run dev

Desktop (please complete the following information):

• OS: Macos
• Browser: Edge and Safari
• Slidev version: v0.35.6

[Bruce-Ming]

me too

{ "name": "share", "private": true, "scripts": { "build": "slidev build", "dev": "slidev --open", "export": "slidev export" }, "dependencies": { "@slidev/cli": "^0.35.6", "@slidev/theme-default": "", "@slidev/theme-seriph": "" } }

Possible dependency issues？ Issues with peer dependencies found . └─┬ @slidev/cli └─┬ @slidev/client └─┬ @vueuse/motion └── ✕ unmet peer @nuxt/kit@npm:@nuxt/kit-edge@latest: found 3.0.0-rc.10-27708028.1ca294e

[Vue warn]: Failed to resolve component: carbon:stop-outline If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

[welcoMattic]

Same here, it breaks from 0.35.0

[LAWTED]

me too, but 0.35.4 works well

[twitwi]

I can reproduce the issue (linux, firefox) for the bar, the code highlighting seems to work.

• if I remove css: unocss in the frontmatter, the bar is displayed but with no icons
• the icons that are in the first slide (not in the navbar) are working well though
• a project upgraded to a latest version is working well (incl. the navbar) also... but I cannot find a notable difference I forgot a lock file

[twitwi]

The first console warnings that are abnormal are about __DEV__,__SLIDEV_FEATURE_DRAWINGS__ etc not found

@tonai As you worked on the build part, maybe you're familiar with these kind of errors? (although these are in dev mode)

[tonai]

Hum environment variables should be replaced by the build tool. The plugin responsible for this is defined in that file: https://github.com/slidevjs/slidev/blob/main/packages/slidev/node/plugins/patchTransform.ts And the environment variables are defined in the getDefine method located in that file: https://github.com/slidevjs/slidev/blob/main/packages/slidev/node/plugins/extendConfig.ts It only transforms file with the .vue extension. I don't really know why this is broken...

[twitwi]

I confirm it break by switching from 0.34.3 to 0.35.0, which seems to be only made of an upgrade to vite3.

[twitwi]

But no issue when running the demo presentation with a clone and build of v0.35.6 (or any version probably).

[Crowds21]

I can reproduce the issue (linux, firefox) for the bar, the code highlighting seems to work.

Now I am using v0.36.4. The navigation bar works well. But Line Highlighting still can't work. Sorry, I didn't express the issue accurately.

This is the picture for http://127.0.0.1:3030/4

And it is the same result for http://127.0.0.1:3030/4?clicks=1

The Line Highlighting doesn't work for ts {all|2|1-6|9|all}. It highlights all lines all the time .