🐞 Dracula theme color scheme is wrong

[jd-solanki]

Which @codeimage/* package(s) are the source of the bug?

codeimage, ui

Please provide a screenshot or a video to a minimal reproduction of the bug

No response

Description

<Button @click="config = getAvatarStyle()">
    Click Me
  </Button>

Here's my vue code in VSCode:

This is how it looks in codeimage:

Which browsers have you used?

• Chrome
• Firefox
• Safari
• Edge

Which operating systems have you used?

• macOS
• Windows
• Linux
• iOS
• Android

[riccardoperra]

Don't think this can be fixed easily. vscode uses a different language grammar (textmate) with vue lsp. codemirror has his own lang with different tokens.

[jd-solanki]

Have you checked shiki?

It has lots of features and everyone uses it.

[riccardoperra]

Switching from codemirror to shiki couldn’t be that simple. I always have used it for static code. Is it possible to use it as a wysiwyg?

Another option would be integrate it in codemirror replacing the current syntax highlighter but I think it may take a lot of time 😅 and there could be performance issues