Skip to content

[Bug] Some feature of codeblock not work with rose-pine-dawn theme and yaml language #902

@augustanational

Description

@augustanational

Checklist

  • I am using LTS version of Node.js.
  • I am using the latest v2 version of VuePress and VuePress official plugins.
  • I am using the latest version of vuepress-theme-plume and all plugins in this repo.
  • I followed the docs and I double checked my configuration.

Package name

vuepress-theme-plume

Which operating system are you using?

  • macOS
  • Windows
  • Linux

Describe the bug

Use some feature of codeblock depend on comment character in yaml language:

```js
// Comment
      error: 'Removed', // [!code --]
      warning: 'Added' // [!code ++]
```

```yaml
# Comment
        silent: true # [!code ++]
```

Change theme to rose-pine-dawn in config.ts:

    codeHighlighter: {
      themes: { light: 'rose-pine-dawn', dark: 'rose-pine' },
    },

Diff in js work fine but not work in yaml:

Image

Minimal reproduction

No response

Additional context

I try some other theme (ayu-light, catppuccin-latte and default vitesse-light), all work fine. Maybe only rose-pine-dawn have this issue.
I not sure this is bug of theme or bug of shiki or anything else.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions