SCSS support in Vue files

[julian-weimer]

I noticed that i get no syntax highlighting when i use lang="scss" in Vue files

Current Vue configuration in languages.toml:

[[language]]
name = "vue"
auto-format = true
formatter = { command = 'npx', args = ["prettier", "--parser", "vue"] }
language-servers = ["typescript-language-server", "vscode-css-language-server"]
scope = "text.html.vue"
roots = ["package.json"]
injection-regex = "vue"

[[language-server.typescript-language-server.config.plugins]]
name = "@vue/typescript-plugin"
location = "[...my node_modules location]/@vue/language-server/"
languages = ["vue"]

I don't know if it's really needed, but i added the vscode-css-language-server to language-servers.

Using helix 24.3 (2cadec0)

Is there anything that i can configure?

[the-mikedavis]

I can't reproduce this - a block of

<style lang="scss">
body {
  color: red;
}
</style>

in a Vue file shows SCSS highlighting for me. Do you have any other config in your languages.toml? Also which theme are you using?

[julian-weimer]

Hi @the-mikedavis,

I commented out all my existing configuration in my languages.toml and repeated the test using the snippet above. HTML files seem to work fine, but files with a .vue extension not.

I'm using the catppuccin_mocha theme.

Strange...