When I'm writing a Vue project in VSCode, the colors of strings and object properties are the same, which makes it a bit hard to read.

[菠萝吹雪]

one dark pro & catppuccin frappe

[winston]

I can't replicate this, are you using the Vue - Official extension?

If you're using the official extension, please hover over a key, and use the Command Palette -> Developer: Inspect Editor Tokens and Scopes, and share a screenshot like this. Linking to example code also always helps.

[菠萝吹雪]

I can't replicate this, are you using the Vue - Official extension?我无法复制这个，你正在使用 Vue - Official 扩展吗？

If you're using the official extension, please hover over a key, and use the Command Palette -> Developer: Inspect Editor Tokens and Scopes, and share a screenshot like this. Linking to example code also always helps.如果您使用的是官方扩展，请将鼠标悬停在某个键上，然后使用 Command Palette -> Developer： Inspect Editor Tokens and Scopes，并分享如下屏幕截图。链接到示例代码也总是有帮助的。

[菠萝吹雪]

The above images are all based on Vue 2 projects using Vue CLI. However, the same issue exists even when using the Options API with Vite and Vue 3.

[winston]

The top-most string.unquoted.js is wrong, and I can't replicate it, even when I'm using a minimal vscode.dev instance, with just Volar & Catppuccin installed, with a repository of yours:

[菠萝吹雪]

The top-most string.unquoted.js is wrong, and I can't replicate it, even when I'm using a minimal vscode.dev instance, with just Volar & Catppuccin installed, with a repository of yours:最 string.unquoted.js 上面的是错误的，我无法复制它，即使我使用最小的 vscode.dev 实例，只安装了Volar和Catppuccin，并带有您的存储库：

Strange question, maybe I need to reinstall VS Code and try again.

[winston]

Good luck solving the issue, and please feel free to open an issue if it persists, and you manage to create a reproducible minimal config.